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

时间:2012-07-12 20:36:41

标签: jquery ajax

当我更新电子邮件并按回车时更新页面正在打开,是否有任何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>

2 个答案:

答案 0 :(得分:1)

检查这个jQuery插件:

jQuery Form Plugin:它允许您轻松且不引人注意地升级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> 

答案 1 :(得分:0)

不确定您是否在询问如何执行ajax请求,但是如果您为表单连接提交事件并对传入您正在使用的处理程序的事件调用preventDefault(),则会阻止浏览器从导航到动作网址:

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

如果您正在询问如何构建ajax调用,则需要澄清这一点。