Jquery ajax方式提交表单
阅读原文时间:2023年09月07日阅读:3

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