Jquery和Ajax脚本,用于在不打开新页面的情况下更新数据
当我更新电子邮件并按enter键时,更新页面正在打开,是否有jquery或ajax脚本用于在打开更新页面时向update.php提交详细信息Jquery和Ajax脚本,用于在不打开新页面的情况下更新数据,jquery,ajax,Jquery,Ajax,当我更新电子邮件并按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="
<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>
不确定您是否询问如何执行ajax请求,但如果您连接表单的submit事件并调用preventDefault(),将事件传递到正在使用的处理程序,则会阻止浏览器导航到操作url:
$('#myForm').bind('submit', function (e) {
e.preventDefault();
// do your ajax
});
如果您询问如何构造ajax调用,您需要澄清这一点。检查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>
$(文档).ready(函数(){
//绑定“myForm”并提供一个简单的回调函数
$('#myForm').ajaxForm(函数(){
警惕(“谢谢你的评论!”);
});
});
我想打开一个弹出对话框,而不是打开page update.phpSo除非你想打开自己的(对话框),否则我建议你使用一个插件(jquery ui、kendoui等),并将ajax调用中的返回数据/html加载到弹出对话框所用的div/容器中。当我在输入表单上放置鼠标时,我收到警报了,它能用,谢谢。我使用了jquery的1.4版本,所以它以前不起作用。你很好,如果它起作用,它接受答案来结束这个问题。