Javascript jQuery刷新特定div

因此，我有一个可排序的

li

列表，其中显示了一系列页面

当我对它们进行排序时，jQuery代码调用一个php页面，该页面更新我的页面在数据库中的顺序

在与列表相同的页面上，它按页面的顺序显示页面，但我希望能够在数据库更新后立即自动更新此顺序，而无需实际刷新页面

所以基本上，秘密地“刷新”页面容器

最好的方法是什么

<div id="pageContainer">
   <!-- include() a series of pages in the right order from database -->
</div>

 $("#pageContainer").sortable({
    stop : function(event, ui){
        var postData = $(this).sortable('serialize');
        var url = "saveOrder.php";
        $.ajax({
            type: "POST",
            url: url,
            data: postData,
            success: function(data) { $('#pageContainer').html(data);  }
        });
    }
});

$（“#pageContainer”）。可排序({
停止：功能（事件、用户界面）{
var postData=$（this）.sortable（'serialize'）；
var url=“saveOrder.php”；
$.ajax({
类型：“POST”，
url:url，
数据：postData，
成功：函数（数据）{$（'#pageContainer'）.html（数据）}
});
}
});

编辑

---

因此，一个简单的

$（'#pageContainer'）.html（数据）

成功了，但我的

$（'form'）。在（'input Property change change'）

上停止工作。如果有人想查看，修复程序将打开。

在php页面上创建已排序的内容，只需将结果添加到适当的div即可

所以基本上

$("#pageContainer").sortable({
    stop : function(event, ui){
        var postData = $(this).sortable('serialize');
        var url = "saveOrder.php";
        $.ajax({
            url: url,
            data: postData,
            success: function(data) {  
            jQuery("#pageContainer").html(data);}
        });
    }
});

---

在php页面上创建已排序的内容，只需将结果添加到适当的div

所以基本上

$("#pageContainer").sortable({
    stop : function(event, ui){
        var postData = $(this).sortable('serialize');
        var url = "saveOrder.php";
        $.ajax({
            url: url,
            data: postData,
            success: function(data) {  
            jQuery("#pageContainer").html(data);}
        });
    }
});

---

您可以让ajax调用返回html，如下所示

dataType: 'html'

那么在你的成功功能中你会做什么呢

$('#pageContainer').html(data);

---

您可以让ajax调用返回html，如下所示

dataType: 'html'

那么在你的成功功能中你会做什么呢

$('#pageContainer').html(data);

---

如果您在

saveOrder.php

页面中回显所需的HTML，那么其余内容很简单：

$.ajax({
    type: "POST",
    url: url,
    data: postData,
    contentType: 'html',
    success: function(data) { 
        $('#pageContainer').html(data);
    }
});

根据您的jQuery版本（v1.5+），您可能希望利用

$.ajax

返回的数据。您的代码将更改为：

$.ajax({
    type: "POST",
    url: url,
    data: postData,
    contentType: 'html'
}).done(function(data) {
    $('#pageContainer').html(data);
});

这允许您链接回调，并将设置与回调函数分开。例如，您可以这样做：

...
}).done(function(data) {
    $('#pageContainer').html(data);
}).fail(function() {
    alert('failed :(');
}).always(function() {
    alert('done!');
});

---

如果您在

saveOrder.php

页面中回显所需的HTML，那么其余内容很简单：

$.ajax({
    type: "POST",
    url: url,
    data: postData,
    contentType: 'html',
    success: function(data) { 
        $('#pageContainer').html(data);
    }
});

根据您的jQuery版本（v1.5+），您可能希望利用

$.ajax

返回的数据。您的代码将更改为：

$.ajax({
    type: "POST",
    url: url,
    data: postData,
    contentType: 'html'
}).done(function(data) {
    $('#pageContainer').html(data);
});

这允许您链接回调，并将设置与回调函数分开。例如，您可以这样做：

...
}).done(function(data) {
    $('#pageContainer').html(data);
}).fail(function() {
    alert('failed :(');
}).always(function() {
    alert('done!');
});

用“委托”代替“开”怎么样

用“委托”代替“开”怎么样

---

这是一个很好的例子，但是我在数据中有一个表单，我的jquery

$（'form'）。在（'input propertychange change'，function（）上

停止工作。有什么想法吗？哪个版本的jquery 1.9+？控制台上有任何错误。？1.9+，控制台中没有错误。每次它调用表单时，我都有一个日志，一旦我排序并刷新htmltry this，$（'form input'）。on（'propertychange'，function（）{}），它就会完全停止调用它此外，这可能有助于我了解如何使用它，但它只在我更新HTML之前有效，而不是之后。这是一个很好的示例，但我在数据中有一个表单，我的jquery

$（'form'）。on（'input propertychange change'，function（）

停止工作。有什么想法吗？哪个版本的jquery 1.9+？控制台上有任何错误。？1.9+，控制台中没有错误。每次它调用表单时，我都有一个日志，一旦我排序并刷新htmltry this，$（'form input'）。on（'propertychange'，function（）{}），它就会完全停止调用它此外，这可能有助于我了解如何使用它，但它只在我更新HTML之前有效，而不是之后。这是一个很好的示例，但我的数据中有一个表单，我的jquery

$（'form'）。在（'input Property change change'，function（）

停止工作，有什么想法吗？这是一个很好的示例，但我的数据中有一个表单，我的jquery

$（'form'）。在（'input Property change change'，function（）

停止工作，有什么想法吗？