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()提交表单不好使。
手机扫一扫
移动阅读更方便
你可能感兴趣的文章