Hướng dẫn jquery send value to php - jquery gửi giá trị tới php

Trong quá trình phát triển web, bạn chắc chắn sẽ bắt gặp một trường hợp sử dụng để gửi dữ liệu từ JavaScript đến PHP và trở lại. Lý do là, JavaScript được sử dụng ở phía máy khách và PHP được sử dụng ở phía máy chủ. & NBSP; Chúng tôi đã có một yêu cầu của người dùng một lần, yêu cầu một kịch bản như vậy. Bản thân yêu cầu rất dễ hiểu, nhưng một chút khó khăn để thực hiện.

Xem xét một trường hợp sử dụng trong đó một hàng có thể bị xóa khỏi bảng, nếu người dùng nhấp vào xóa.

• Một bảng phải được hiển thị, với tùy chọn xóa cho mỗi hàng.delete option for every row.

• Tùy chọn xóa được cung cấp dưới dạng liên kết.

• Mỗi lần nhấp vào liên kết xóa, hàng tương ứng phải bị xóa.

Để thực hiện điều này, chúng tôi sẽ phải sử dụng JQuery và PHP. Làm thế nào và tại sao được giải thích dưới đây.

Tạo bảng và cung cấp một liên kết xóa

Bảng được tạo bằng một biểu mẫu. Dữ liệu cho mỗi hàng của bảng, được tìm nạp từ cơ sở dữ liệu WordPress. Mỗi hàng được hiển thị bằng cách sử dụng một vòng đơn giản cho vòng lặp, bên trong biểu mẫu. Liên kết xóa, được thêm vào mỗi hàng như sau:

<a href='' name='delete' row_id='$id' class='delete_row' style='color:red'>Deletea>

trong đó Row_id được đặt thành ID của hàng tương ứng, được tìm nạp từ cơ sở dữ liệu. Điều này là để liên kết liên kết xóa với hàng.

Mỗi liên kết xóa, có cùng tên ‘xóa. Do đó, nếu chúng ta nhận được ROW_ID trực tiếp từ biến $ _POST, luôn luôn là ROW_ID của phiên bản cuối cùng sẽ được gửi và không nhất thiết là người dùng đã nhấp.

Để biết liên kết nào người dùng đã nhấp, chúng tôi phải xử lý sự kiện đã nhấp, sử dụng jQuery. Và lưu trữ giá trị của row_id, của liên kết đã nhấp, trong một biến ẩn trong chính biểu mẫu. Giá trị của biến ẩn này sau đó có thể được lấy từ biến $ _POST và hàng thích hợp có thể bị xóa.

Cung cấp một biến ẩn để lưu trữ ROW_ID

Biến ẩn này sẽ là một phần của biểu mẫu, nhưng bên ngoài bảng, là một phần tử riêng biệt.

<input type='hidden' name='del_id' id='row_del_id' value=''>

Xử lý liên kết xóa được nhấp vào

Trên liên kết xóa được nhấp, jQuery sẽ tìm nạp ID của hàng, ROW_ID, sẽ bị xóa.

<script>
jQuery('.btn_delete_row').click(function()
{
    var current_id = jQuery(this).attr('row_id');

    // assign the row_id to the hidden field
    jQuery('#del_id').val(current_id);

    // submit the form, to retrieve the del_id value from $_POST
    jQuery( "#form1" ).submit();
    return false;
});
</script>

Thực hiện xóa hoạt động

Khi biểu mẫu được gửi, chúng ta có thể lấy giá trị của trường ẩn và xóa hàng.

if(isset($_POST['del_id']))
{
    $delete_row_id=$_POST['del_id'];
    global $wpdb;
    $example_table=$wpdb->prefix.'table_prefix';
    $wpdb->delete($example_table, array('example_row_id' => $delete_row_id), array('%d'));
}

Sử dụng ý tưởng đơn giản này, cung cấp một trường ẩn trong biểu mẫu, chúng tôi có thể giải quyết vấn đề gửi dữ liệu từ jQuery đến PHP. Nếu bạn có bất kỳ câu hỏi nào về vấn đề này, bạn có thể cho chúng tôi biết thông qua phần bình luận bên dưới.

• Mẹo & Thủ thuật WordPress
• Với Tags: JQuery, PHP