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

0){

    $row= mysqli_fetch_all($exec, MYSQLI_ASSOC);
    return $row;  
        
  }else{
    return $row=[];
  }
}


function show_data($fetchData){


 echo '';

 if(count($fetchData)>0){
      $sn=1;
      foreach($fetchData as $data){ 

  echo "";
       
  $sn++; 
     }
}else{
     
  echo ""; 
}
  echo "

        

            
S.N
            
Full Name
            
Email Address
            
City
            
Country
            
Edit
            
Delete
        

          
".$sn."
          
".$data['fullName']."
          
".$data['emailAddress']."
          
".$data['city']."
          
".$data['country']."
          
Edit
          
Delete
   

        
No Data Found
       
";
}
?gt;

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

Chèn dữ liệu vào cơ sở dữ liệu MySQL

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

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

• Đề 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
• Chèn dữ liệu vào cơ sở dữ liệu MySQL

Cũng đọc -

 " . mysqli_error($connection);
         echo $msg; 
      }
}
   

// convert illegal input to legal input
function legal_input($value) {
  $value = trim($value);
  $value = stripslashes($value);
  $value = htmlspecialchars($value);
  return $value;
}
?>

Cách chèn dữ liệu bằng AJAX trong 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
• 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
  • Sử dụng mã sau để kết nối cơ sở dữ liệu MySQL với PHP
  • Tên tệp - cơ sở dữ liệu.php

Để tìm nạp dữ liệu từ cơ sở dữ liệu, bạn phải định cấu hình các bước sau -

    
Update User Data
    

    

      
          Full Name
          
          Email Address
          
          City
          
          Country
          
          Submit