Jquery ajax方式提交表单
Jquery ajax方式提交表单,目前用过的有两种方式:
1、引人jquery.js和jquery.easyui.min.js后,用下面的方法:
$('#checkForm1').form('submit',{ url: '/YHPC/safecheck/test.action', success:function(e){ //alert(e); if(e=="typeFail"){ alert("请选择jpg/bmp/png格式的图片!"); cancelBubble(); } //document.getElementById("urlHidden").value+=e+","; j[j.length]=e; $("#index").html(j.length); document.getElementById("imgShow").src=e; document.getElementById("num").innerHTML=j.length;//更新总数 m=j.length-1; } });
该方法是直接以ajax的方式提交表单到后台,前台接收返回的值。
2、引人jquery.js和jquery.form.js后,用下面的方法:
$('#checkForm1').ajaxForm({ success:function(e){ //alert(e); if(e=="typeFail"){ alert("请选择jpg/bmp/png格式的图片!"); cancelBubble(); } //document.getElementById("urlHidden").value+=e+","; j[j.length]=e; $("#index").html(j.length); document.getElementById("imgShow").src=e; document.getElementById("num").innerHTML=j.length;//更新总数 m=j.length-1; } }); $("#checkForm1").submit();
其中ajaxForm方法表示当表单提交时,执行的方法,也就是说,此方法是给表单注册一个提交事件,而不是直接提交表单,注意与方法1进行区别。
所以需要加$("#checkForm1").submit();这一句进行提交表单。
经过测试,用document.getElementById(“checkForm1”).submit()提交表单不好使。
更多内容及Java+大数据个人原创视频,可关注公众号观看:
原创文章,转载请注明出处!!
原创文章,转载请注明出处!!