Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Ajax-Jquery-Javascript > Chỉnh sửa trực tiếp trên table có sử dụng phân trang
Chỉnh sửa trực tiếp trên table có sử dụng phân trang
Nguyễn Trung Hiếu
Share Code Web Company 2012

Chỉnh sửa trực tiếp trên table có sử dụng phân trang

bài này sẽ hướng dẫn các bạn thực hiện cách tạo, chỉnh sửa, delete một bản ghi trong một table, ngoài ra có sử dụng thêm kỹ thuật phân trang. Tât cả sử dụng jqueryajax để thực hiện nên website không cần phải load.

Thiết kế database

Để thực hiện bài viết này, thì chúng ta bao gồm có các file sau

  • index.php
  • table_data.php
  • load_data.php
  • live_edit_table.php
  • delete_ajax.php
  • db.php
  • EditDeletePage.js

Những file này bạn có thể download theo đường link bên dưới mình có share.
Ở đây mình trích nội dung 2 file chính. Trong file table_data.php, file này làm nhiệm vụ bind dữ liệu ra ngoài

File thứ hai mình muốn các bạn chú ý đó là file EditdeletePage.js, file này chứa đoạn javascript cho phép chúng ta thực hiện chỉnh sửa ngay trên table mà không phải load lại trang

Ngoài ra 2 file ajax là 2 file chứa những đoạn mã ajax để thực hiện việc edit hoặc delete mà thôi.
Chúc bạn học tốt!

Bài viết được chia sẻ bởi
Sharecodeweb.net

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

http://sharecodeweb.net/?s={search_term_string}