使用复选框将表单提交到同一页面而不重新加载页面答案

【问题标题】：submit form to the same page with checkbox without reloading the page使用复选框将表单提交到同一页面而不重新加载页面
【发布时间】：2012-06-16 22:28:31
【问题描述】：

我想在不刷新页面的情况下使用复选框上的 onClick 事件提交表单。这是一个例子。

<form action="index.php" method="POST">
    <input type="checkbox" onClick="this.form.Submit();">
</form>

它发送了我需要的数据，但它不断重新加载页面，我该如何防止这种情况？

提前致谢，霍姆萨斯。

【问题讨论】：

了解AJAX，这就是答案。
我尝试了一些 ajax post 方法，但它们都只有在有提交按钮时才有效。有人可以提供一个例子，如果没有它我怎么能做到这一点？
你用\可以用jQuery，没有它太长了...
对，使用 jQuery 你可以使用jQuery.ajax()。如果您出于某种原因绝对不想使用 jQuery，那么有 xmlhttp 对象的 old 方式。
是的，我确实使用 jQuery。顺便感谢您的快速回复。

【解决方案1】：

传统的 POST 总是会导致刷新（因为您的浏览器必须显示响应）。如果您想避免这种情况，您需要使用异步技术，例如 AJAX，它是 Javascript 和 XML 的融合。

存在许多库来简化 AJAX 的使用，jQuery 只是其中之一。

【讨论】：

【解决方案2】：

当您使用 POST 提交页面时，需要刷新。要防止刷新，请考虑使用 ajax 调用。

【讨论】：