Question

一旦选中或取消选中复选框并且表单已提交，我试图让div重新加载。我已经使用了AJAX并且可以在变更时提交表单，这没有问题。但是，页面必须重新加载才能显示新数据。

我已经以这样的方式构建了php，它不需要刷新页面或获取新页面。如果div及其内容刷新，则应足以显示新的过滤数据。

以下是我到目前为止所写的内容

$(document).ready(function() {
$("input:checkbox").change( function() {

$.ajax({
       type: "POST",
       url: "index.php?action=resortFilter",
       data: $("#locationFilter").serialize(),
       success: function(data) {
           $('.resorts').html(data);
       }
     });
})

}）;

在请求发出后，我需要做些什么才能让div重新加载？

我使用class方法来处理只返回数据数组的处理。请求从php函数发送到class。

Answer 1

我想要做的事实上是不可能的，因为PHP是一种服务器端语言。最好的办法是创建一个新的中间文件，它可以处理数据的显示，以便通过正常的AJAX请求引入它并从中获取新的显示

Answer 2

Ajax请求在哪里？您正在通过HTML /浏览器提交表单。您需要使用以下代码：

$(document).ready(function() {
    $("input:checkbox").change( function() {

    var url = "path/to/your/script.php"; // the script where you handle the form input.

    $.ajax({
           type: "POST",
           url: url,
           data: $("#locationFilter").serialize(), // serializes the form's elements.
           success: function(data)
           {
               $('.resorts').html(data);
           }
         });
    })
});

来源：jQuery AJAX submit form

Answer 3

此示例加载代码可能会帮助您

<div id="loadhere"></div>

$('div#loadhere').load('ajaxdata.php',{datatosend:whatyouwantforexamplehelloworld});

复选框表格更改后自动重新加载`DIV`

3 个答案: