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()提交表單不好使。
