Hướng dẫn how to update record using ajax in php? - Làm thế nào để cập nhật bản ghi bằng cách sử dụng ajax trong php?

Trong hướng dẫn này, bạn sẽ tìm hiểu cách cập nhật dữ liệu bằng AJAX trong PHP. Tôi đã chia sẻ tập lệnh Ajax JQuery tốt nhất với một ví dụ đơn giản. Nó sẽ giúp bạn cập nhật dữ liệu mà không cần làm mới trang.

Khi bạn sử dụng để thực thi mã PHP mà không tải lại trang thì bạn có tùy chọn tốt nhất để sử dụng Ajax JQuery. Nó rất nhanh và dễ dàng để thực hiện bất kỳ tập lệnh phụ trợ nào. Nếu bạn đang làm việc với tập lệnh phụ trợ, bạn nên phát triển dự án của mình bằng cách sử dụng Ajax JQuery.

Nội dung

  • Cập nhật dữ liệu bằng cách sử dụng Ajax JQuery trong PHP
    • 1. Kết nối cơ sở dữ liệu MySQL với PHP
    • 2. Lấy dữ liệu từ cơ sở dữ liệu
    • 3. Hiển thị dữ liệu trong các bảng HTML
    • 4. Cập nhật dữ liệu bằng AJAX
    • 5. Cập nhật dữ liệu bằng PHP
    • 6. Tạo biểu mẫu cập nhật bằng HTML
    • Đề xuất của tôi

Trước khi bắt đầu với tập lệnh này, bạn phải định cấu hình các yêu cầu cơ bản sau.

  • Trước hết, bạn nên tạo cấu trúc thư mục sau
codingstatus.com/
  |__database.php
  |__show-data.php
  |__data-list.js
  |__update-ajax.js
  |__update-data.php
  |__update-form.php
  |__style.css
  • Chèn dữ liệu vào cơ sở dữ liệu MySQL

Cũng đọc -

Cách chèn dữ liệu bằng AJAX trong PHP

Cách tìm nạp dữ liệu từ cơ sở dữ liệu bằng AJAX trong PHP

1. Kết nối cơ sở dữ liệu MySQL với PHP

2. Lấy dữ liệu từ cơ sở dữ liệu

3. Hiển thị dữ liệu trong các bảng HTML

2. Lấy dữ liệu từ cơ sở dữ liệu

3. Hiển thị dữ liệu trong các bảng HTML

  • 4. Cập nhật dữ liệu bằng AJAX
  • 5. Cập nhật dữ liệu bằng PHP
  • 6. Tạo biểu mẫu cập nhật bằng HTML
  • Đề xuất của tôi
  • Trước khi bắt đầu với tập lệnh này, bạn phải định cấu hình các yêu cầu cơ bản sau.

Trước hết, bạn nên tạo cấu trúc thư mục sau


4. Cập nhật dữ liệu bằng AJAX

5. Cập nhật dữ liệu bằng PHP

Trước hết, bạn nên tạo cấu trúc thư mục sau

var editData = function[id]{
   $['#table-container'].load['update-form.php']

    $.ajax[{    
        type: "GET",
        url: "update-data.php", 
        data:{editId:id},            
        dataType: "html",                  
        success: function[data]{   

          var userData=JSON.parse[data];  
          $["input[name='id']"].val[userData.id];               
          $["input[name='fullName']"].val[userData.fullName];
          $["input[name='emailAddress']"].val[userData.emailAddress];
          $["input[name='city']"].val[userData.city];
          $["input[name='country']"].val[userData.country];
           
        }

    }];
};



$[document].on['submit','#updateForm',function[e]{
        e.preventDefault[];
         var id= $["input[name='id']"].val[];               
         var fullName= $["input[name='fullName']"].val[];
         var emailAddress= $["input[name='emailAddress']"].val[];
         var city= $["input[name='city']"].val[];
         var country= $["input[name='country']"].val[];
        $.ajax[{
        method:"POST",
        url: "update-data.php",
        data:{
          updateId:id,
          fullName:fullName,
          emailAddress:emailAddress,
          city:city,
          country:country

        },
        success: function[data]{
        $['#table-container'].load['show-data.php'];
        $['#msg'].html[data];
   
    }}];
}];

5. Cập nhật dữ liệu bằng PHP

6. Tạo biểu mẫu cập nhật bằng HTML

Cũng đọc -

 

Bài Viết Liên Quan

Chủ Đề