jquery - 用于在不打开新页面的情况下更新数据的 Jquery 和 Ajax 脚本

Question

当我更新电子邮件并按 Enter 时，更新页面正在打开，是否有任何 jquery 或 ajax 脚本用于在我们打开时向 update.php 提交详细信息

<form id="myForm" action="update.php" onsubmit="return validateForm();"method="post">
<input type="hidden" name="action" value="update" />
<input type="text" name="email" id="email" value="Enter your email here"    />
<br><center><input class="button" type="image" src="rss.png" /></center>
 </form>

Answer 1

检查这个 jQuery 插件：

jQuery 表单插件：它允许您轻松且不显眼地升级 HTML 表单以使用 AJAX。

例如：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 

<script> 
    $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    }); 
</script> 

Answer 2

不确定您是否在询问如何执行 ajax 请求，但是如果您为表单连接提交事件并在传递给您正在使用的处理程序的事件上调用 preventDefault() ，它将阻止浏览器导航到操作网址：

$('#myForm').bind('submit', function (e) {
  e.preventDefault();
  // do your ajax
});

如果您询问如何构建 ajax 调用，您需要澄清这一点。