每当他们改变时更新表格

Question

我想实现一个表单，该表单会在用户更改数据后立即发送。

例：

主持人正在编辑文章，它更改选择的值。 当他执行此操作时，ajax将请求发送到动态页面以更改该字段。 也许在更改后，如果一切正常，该页面应显示一个小框，显示“正在更新完成...”

那可能吗？ 哪种方法最好？

（我可以使用jQuery）

Answer 1

您可能还是想使用jQuery，因为听起来这是最简单的。

根据您要调用ajax的事件而定，取决于您使用的选择器。 我可能会先创建一个调用ajax的函数，然后使用选择器遍历您要更改的每个元素（通过标签名称或类等），然后再进行onblur或change（无论哪个套件），都可以通过表单调用ajax参数。

function callAjax(form)
{

    $.ajax({
       type: "POST",
       url:  "/yourscript.php",
       data: $(form).serialize(), // Send all the data from the form
       success: function(msg)
       {
           // Show a success message, or whatever
       }
    });

}
$("form input").blur(function()
{

   callAjax($("form"));

});

像这样

编辑：如上所述，最好不要在任何模糊事件上调用请求，因为那样会给服务器带来很多负担。 您最好将事件附加到表单提交中，因此上面的内容是：

$("form").submit(function()
{

   callAjax($("form"));

   return false;

});

Answer 2

您可以在那里找到jQuery AJAX东西。 我唯一要注意的是您发出了多少个AJAX请求。 例如，如果您有一个文本区域，则不想更新每个按键。 服务器上的AJAX负载将非常巨大。 在这种情况下，每10秒钟左右更新一次。

对于选择框之类的东西，只需使用$("#selectbox").change()并在其中放置一个AJAX调用即可。

Answer 3

确保有可能对所有输入触发模糊事件，从而触发该特定框或整个表单的ajax调用（如果需要）。 我担心的是，如果您真的想经常提交，那么我也担心验证。 如果愿意，您也可以让它提交整个表单，而不只是一个框。 但老实说，我完全不喜欢这个想法