表单异步提交

来源:互联网 发布:淘宝奢侈品 编辑:程序博客网 时间:2024/05/16 11:31
<form id="myForm">
<input type="text" name="name">
<!-- <input type="submit" value="tijiao"> -->
<input type="button" value="tijiao" id="myButton">
</form>

$('#myButton').on('click',function(){
$('#myForm').ajaxSubmit({
url:'<%=request.getContextPath() %>/myJsp.jsp',
type:'get',
cache:false,
dataType:'text',
success:function(data) {
alert(1);
},
error : function(a,b,c) {
alert(a+b+c);
}
});
});
$('#myForm').ajaxForm({
url:'<%=request.getContextPath() %>/myJsp.jsp',
type:'get',
cache:false,
dataType:'text',
success:function(data) {
alert(1);
},
error : function(a,b,c) {
alert(a+b+c);
}
});
     // 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false
     return false;//最后要加

总结: ajaxSubmit 和ajaxForm区别
ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 ,所以表单中必须有submit元素。

ajaxSubmit 马上由AJAX来提交表单。可以在任何情况下进行该项提交,表单中没有submit元素也可以提交。



0 0
原创粉丝点击