Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery和Ajax脚本,用于在不打开新页面的情况下更新数据_Jquery_Ajax - Fatal编程技术网

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

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="

当我更新电子邮件并按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>



不确定您是否询问如何执行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版本,所以它以前不起作用。你很好,如果它起作用,它接受答案来结束这个问题。