programming php

Cập nhật dữ liệu bằng Ajax trong PHP

Xin chào các bạn, Hy vọng các bạn vẫn ổn, gần đây tôi đã phát triển một dự án đơn giản có tên là Chèn Cập nhật Xóa trong Php bằng Ajax. Về cơ bản, bạn có thể nói rằng hoạt động thô sơ trong PHP bằng cách sử dụng Ajax

Bản cập nhật chèn sẽ xóa phần chính của bất kỳ ứng dụng nào, bạn phải biết rằng. Đối với bất kỳ Ứng dụng nào, bạn sẽ tạo hoặc bạn muốn tạo, bạn cần thêm những thứ đó, chẳng hạn như Chèn Cập nhật Xóa trong Php

Tuy nhiên, tôi đã sử dụng các chiến thuật Ajax giúp bạn thực hiện các thao tác Chèn Cập nhật Xóa trong PHP bằng Ajax mà không cần làm mới trang. Vì vậy, điều đầu tiên bạn cần biết là các tệp dự án chúng ta sẽ sử dụng như Bootstrap để thiết kế biểu mẫu, jQuery để thực hiện yêu cầu Ajax và cuối cùng chúng ta sẽ sử dụng Php và MySQLi

Trước hết, chúng ta cần tải xuống Tệp CSS Bootstrap và cả Tệp jQuery, sau khi chúng tôi tải xuống các tệp đó. Sau đó, chúng ta cần thêm chúng vào dự án của mình. Khi bạn thêm nó thì bạn sẽ có thể thiết kế các biểu mẫu

Nếu cần Mã nguồn, bạn có thể tải xuống để nhấp vào nút nêu trên ngay bây giờ. Các bạn, đã đề cập ở trên có một video bên trong một video, bạn sẽ tìm hiểu mọi thứ từ đầu Cách Chèn Cập nhật Xóa trong PHP bằng Ajax.

Bạn nào cần nguồn mình sẽ đề cập tên từng file từng file, còn các bạn cần tạo cơ sở dữ liệu của riêng mình với cùng một bảng. Vì vậy, hãy bắt đầu tìm hiểu từng mã tệp

Bạn cũng có thể thích

Chèn cập nhật Xóa trong Php bằng mã nguồn
Thao tác thô trong Php bằng OOP
Lấy dữ liệu từ cơ sở dữ liệu trong PHP

Chèn Cập nhật Xóa trong PHP Sử dụng Ajax

Trước hết, bạn cần tạo một cơ sở dữ liệu và một bảng bên trong bảng, bạn cần tạo ba cột, bạn có thể viết bất kỳ tên cột nào bạn thích, nhưng bạn cần sử dụng cùng một tên cột cơ sở dữ liệu bên trong mã




    
    
    
    
    
    
    
    
    Ajax Project with Php





    
      
          
            
               
              Add New User 
            
            
            
              
            
          
        
      
    

    
    
      
        
          
            Registration Form
          
          
          
            
              
              
            
          
          
            Register Now
            Close

Ở trên đã đề cập đến tất cả về thiết kế biểu mẫu và cả hiển thị Phương thức, nhưng bạn phải tải xuống và bao gồm Tệp CSS Bootstrap và Tệp jQuery, bên dưới tôi đã đề cập đến Mã jQuery bạn cần sử dụng

// Insert Record in the Database
function Insert_record[]
{
   $[document].on['click','#btn_register',function[]
   {
        var User = $['#UserName'].val[];
        var Email = $['#UserEmail'].val[];

        if[User == "" || Email==""]
        {
            $['#message'].html['Please Fill in the Blanks '];
        }
        else
        {
            $.ajax[
                {
                    url : 'insert.php',
                    method: 'post',
                    data:{UName:User,UEmail:Email},
                    success: function[data]
                    {
                        $['#message'].html[data];
                        $['#Registration'].modal['show'];
                        $['form'].trigger['reset'];
                        view_record[];
                    }
                }]
        }
        
   }]

   $[document].on['click','#btn_close',function[]
   {
       $['form'].trigger['reset'];
       $['#message'].html[''];
   }]   
}

Mã được đề cập ở trên là mã jQuery, bạn cần sử dụng mã đó để truyền dữ liệu với Trang Php, tôi cũng đã đề cập đến mã Php giúp bạn chèn bản ghi vào cơ sở dữ liệu

 // Insert Record Function
    function InsertRecord[]
    {
        global $con;
        $UserName = $_POST['UName'];
        $UserEmail = $_POST['UEmail'];
        
        $query = " insert into user_record [UserName,UserEmail] values['$UserName','$UserEmail']";
        $result= mysqli_query[$con,$query];

        if[$result]
        {
            echo ' Your Record Has Been Saved in the Database';
        }
        else
        {
            echo ' Please Check Your Query ';
        }
    }

Đã đề cập ở trên, tất cả các mã đại diện cho biểu mẫu thiết kế và chèn bản ghi vào cơ sở dữ liệu với sự trợ giúp của Bootstrap, jQuery và Ngoài ra Php MyAdmin

Bạn nên sắp xếp chúng theo ý muốn, nếu bạn gặp bất kỳ vấn đề nào trong việc sắp xếp chúng, bạn cần xem video hướng dẫn ở trên để giúp bạn hiểu mọi thứ như ý muốn

Khi Bạn hoàn tất quá trình chèn, bạn cần hiển thị dữ liệu trên trang web, bên trong chỉ mục. php, tôi đã đề cập đến div bảng và gán ID cụ thể là bảng, vì vậy, tôi sẽ sử dụng ID này để hiển thị Bản ghi cơ sở dữ liệu bên trong Bảng HTML. Bạn cần làm theo các bước dưới đây

Trước hết, chúng ta cần làm việc trên Tệp jQuery để truyền dữ liệu với Trang Php, bên dưới, tôi đã đề cập đến một mã đơn giản jQuery giúp chúng tôi gửi yêu cầu với trang Php bằng Ajax

// Display Record
function view_record[]
{
    $.ajax[
        {
            url: 'view.php',
            method: 'post',
            success: function[data]
            {
                data = $.parseJSON[data];
                if[data.status=='success']
                {
                    $['#table'].html[data.html];
                }
            }
        }]
}

Tôi đã đề cập đến mã jQuery, bạn cần sử dụng cùng một mã để gửi yêu cầu trên Trang Php, bên trong Mã jQuery có Chế độ xem. trang php. Tôi đã sử dụng trang này, nếu bạn muốn thay đổi thì bạn có thể làm điều đó, nhưng bạn cần tạo cùng một trang bằng Php được nhập bên trong Tệp jQuery

 // Display Data Function
    function display_record[]
    {
        global $con;
        $value = "";
        $value = '';
        $query = "select * from user_record ";
        $result = mysqli_query[$con,$query];
        
        while[$row=mysqli_fetch_assoc[$result]]
        {
            $value.= ' ';
        }
        $value.='
                    
                         User ID 
                         User User 
                         User Email
                         Edit 
                         Delete 
                    

                             '.$row['ID'].' 
                             '.$row['UserName'].' 
                             '.$row['UserEmail'].'
                              
                              
                        ';
        echo json_encode[['status'=>'success','html'=>$value]];
    }

Khi bạn làm theo các mã được đề cập ở trên, thì bạn có thể chèn bản ghi vào cơ sở dữ liệu và bạn cũng có thể hiển thị bản ghi cơ sở dữ liệu trên trang web

Trong bước tiếp theo, bạn cần lấy bản ghi cụ thể từ Bảng HTML, bên trong Bảng HTML, tôi đã bao gồm Thẻ nút bên trong thẻ Nút, tôi đã đề cập đến các thuộc tính cụ thể là id dữ liệu bên trong id dữ liệu mà tôi đã chỉ định

ID là rất quan trọng để có được một bản ghi cụ thể. Vì vậy, bạn cần sử dụng cùng một thứ để lấy bản ghi từ bảng. Tôi đã đề cập bên dưới Mã jQuery giúp bạn lấy bản ghi cụ thể bên trong Trang HTML, nhưng bạn cần tạo một Phương thức

Vì vậy, điều đầu tiên bạn cần đưa mã được đề cập bên dưới vào trong chỉ mục. php, đoạn mã dưới đây giúp chúng ta hiển thị Modal, khi modal xuất hiện thì chúng ta sẽ lấy được Table record bên trong Modal

 
     
      
        
          
            Update Form
          
          
          
            
              
              
              
            
          
          
            Update Now
            Close

Bạn cần dán mã bên trong chỉ mục. php, khi bạn thêm nó, thì bạn cần bao gồm Mã jQuery được đề cập bên dưới. Mã jQuery giúp chúng tôi hiển thị Phương thức và cũng có được một bản ghi cụ thể bên trong Phương thức

//Get Particular Record
function get_record[]
{
    $[document].on['click','#btn_edit',function[]
    {
        var ID = $[this].attr['data-id'];
        $.ajax[
            {
                url: 'get_data.php',
                method: 'post',
                data:{UserID:ID},
                dataType: 'JSON',
                success: function[data]
                {
                   $['#Up_User_ID'].val[data[0]];
                   $['#Up_UserName'].val[data[1]];
                   $['#Up_UserEmail'].val[data[2]];
                   $['#update'].modal['show'];
                   
                }
                
            }]
    }]
}

Cuối cùng, bạn cần sử dụng Php để lấy bản ghi cụ thể bên trong Modal, vì vậy, bạn cần sử dụng mã được đề cập bên dưới. Điều đó giúp chúng tôi hiển thị bản ghi cụ thể bên trong Modal

    // Get Particular Record
    function get_record[]
    {
        global $con;
        $UserID = $_POST['UserID'];
        $query = "select * from user_record where ID='$UserID'";
        $result = mysqli_query[$con,$query];

        while[$row=mysqli_fetch_assoc[$result]]
        {
            $User_data = "";
            $User_data[0]=$row['ID'];
            $User_data[1]=$row['UserName'];
            $User_data[2]=$row['UserEmail'];
        }
        echo json_encode[$User_data];
    }

Khi bạn hiển thị bản ghi cụ thể bên trong Phương thức, thì bạn sẽ có thể thực hiện thao tác cụ thể là Cập nhật bản ghi. Vì vậy, điều đầu tiên bạn cần lấy giá trị từ Modal Bên trong Modal có các trường văn bản đầu vào, bạn cần sử dụng mã jQuery được đề cập bên dưới để lấy bản ghi và gửi yêu cầu Ajax trong Trang Php

________số 8_______

Khi đó bạn cần sử dụng Php để thực hiện các thao tác như Update record, bên dưới mình có đề cập đến đoạn code giúp chúng ta cập nhật record mà không cần refresh trang

// Update Function
    function update_value[]
    {
        global $con;
        $Update_ID = $_POST['U_ID'];
        $Update_User =$_POST['U_User'];
        $Update_Email = $_POST['U_Email'];

        $query = "update user_record set UserName='$Update_User', UserEmail='$Update_Email' where ID='$Update_ID '";
        $result = mysqli_query[$con,$query];
        if[$result]
        {
            echo ' Your Record Has Been Updated ';
        }
        else
        {
            echo ' Please Check Your Query ';
        }
    }

Cuối cùng, chúng ta cần thực hiện thao tác cuối cùng, chẳng hạn như Xóa bản ghi, Vì vậy, chúng ta cần thực hiện thao tác đó. Trước hết, bạn cần đưa mã dựa trên HTML được đề cập bên dưới vào Chỉ mục. php giúp chúng ta hiển thị Modal. Bạn cần

// Insert Record in the Database
function Insert_record[]
{
   $[document].on['click','#btn_register',function[]
   {
        var User = $['#UserName'].val[];
        var Email = $['#UserEmail'].val[];

        if[User == "" || Email==""]
        {
            $['#message'].html['Please Fill in the Blanks '];
        }
        else
        {
            $.ajax[
                {
                    url : 'insert.php',
                    method: 'post',
                    data:{UName:User,UEmail:Email},
                    success: function[data]
                    {
                        $['#message'].html[data];
                        $['#Registration'].modal['show'];
                        $['form'].trigger['reset'];
                        view_record[];
                    }
                }]
        }
        
   }]

   $[document].on['click','#btn_close',function[]
   {
       $['form'].trigger['reset'];
       $['#message'].html[''];
   }]   
}

Sau đó, chúng tôi cần sử dụng jQuery để gửi yêu cầu trên Trang Php và chúng tôi cần lấy Id, tôi đã đề cập đến ID bên trong chế độ xem. trang php. Bạn có thể xem ngay bây giờ, Chúng tôi cần nhắm mục tiêu thuộc tính data-id1 để lấy ID bản ghi cụ thể. Khi chúng tôi có ID bản ghi cụ thể, thì chúng tôi sẽ có thể thực hiện thao tác

// Insert Record in the Database
function Insert_record[]
{
   $[document].on['click','#btn_register',function[]
   {
        var User = $['#UserName'].val[];
        var Email = $['#UserEmail'].val[];

        if[User == "" || Email==""]
        {
            $['#message'].html['Please Fill in the Blanks '];
        }
        else
        {
            $.ajax[
                {
                    url : 'insert.php',
                    method: 'post',
                    data:{UName:User,UEmail:Email},
                    success: function[data]
                    {
                        $['#message'].html[data];
                        $['#Registration'].modal['show'];
                        $['form'].trigger['reset'];
                        view_record[];
                    }
                }]
        }
        
   }]

   $[document].on['click','#btn_close',function[]
   {
       $['form'].trigger['reset'];
       $['#message'].html[''];
   }]   
}

Cuối cùng, chúng tôi cần sử dụng Php để xóa các bản ghi, tôi đã đề cập đến mã Php, bạn cần dán nó vào tệp php của mình. Sau đó, bạn có thể dễ dàng xóa bản ghi khỏi cơ sở dữ liệu bằng jQuery Ajax

// Insert Record in the Database
function Insert_record[]
{
   $[document].on['click','#btn_register',function[]
   {
        var User = $['#UserName'].val[];
        var Email = $['#UserEmail'].val[];

        if[User == "" || Email==""]
        {
            $['#message'].html['Please Fill in the Blanks '];
        }
        else
        {
            $.ajax[
                {
                    url : 'insert.php',
                    method: 'post',
                    data:{UName:User,UEmail:Email},
                    success: function[data]
                    {
                        $['#message'].html[data];
                        $['#Registration'].modal['show'];
                        $['form'].trigger['reset'];
                        view_record[];
                    }
                }]
        }
        
   }]

   $[document].on['click','#btn_close',function[]
   {
       $['form'].trigger['reset'];
       $['#message'].html[''];
   }]   
}

Ajax Thêm Chỉnh sửa Xóa Bản ghi trong Cơ sở dữ liệu bằng Php

Mình đã làm bài hướng dẫn đầy đủ Ajax Add Edit Delete Records in Database Sử dụng Php, các bạn xem hết bài hướng dẫn hi vọng các bạn sẽ hiểu hết những gì mình cần

Tải xuống mã nguồn

Vì vậy, tôi đã bao gồm từng tệp và từng mã giúp bạn thực hiện các thao tác Chèn Cập nhật Xóa trong PHP bằng Ajax. Nếu bạn gặp phải bất kỳ vấn đề nào trong việc hiểu điều đó, bạn cần xem video hướng dẫn của tôi để giúp bạn hiểu một phần mọi thứ từ đầu

Các bạn, tôi đã thực hiện một hướng dẫn về Chèn Cập nhật Xóa trong PHP Sử dụng Ajax jQuery Ajax, tôi hy vọng bạn đã học được điều gì đó mới. Vì vậy, nếu bạn thích điều đó, vui lòng chia sẻ hướng dẫn trên các trang web Chia sẻ xã hội và Đăng ký Kênh YouTube của tôi để nhận thông tin cập nhật trên Kênh YouTube của tôi. Chúc một ngày tốt lành. ]

Facebook

Twitter

Bài viết trước Tập lệnh Php dành cho hệ thống quản lý bệnh viện tốt nhất

Bài viết tiếp theo Dự án thương mại điện tử bằng Php với mã nguồn

Asif Ali

https. //trực tuyếnittuts. com

Tôi là Lập trình viên, Nhà tiếp thị kỹ thuật số và Blogger, tôi đã làm việc trên web được 04 năm. Về cơ bản, tôi đã chia sẻ chuyên môn cá nhân trên trang web của mình

Làm cách nào để chỉnh sửa và cập nhật dữ liệu trong PHP?

Source Code: SELECTING and Displaying Data Name:

List of companies .

< ? php while[ $row = mysql_fetch_array[$res] ] echo "$row[id]. $row[name]

User ID	User User	User Email	Edit	Delete
'.$row['ID'].'	'.$row['UserName'].'	'.$row['UserEmail'].'

Chèn Cập nhật Xóa trong PHP Sử dụng Ajax

Registration Form

Update Form

Ajax Thêm Chỉnh sửa Xóa Bản ghi trong Cơ sở dữ liệu bằng Php

Làm cách nào để chỉnh sửa và cập nhật dữ liệu trong PHP?

List of companies .

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề