Jquery ajax方式提交表单

Jquery ajax方式提交表单,目前用过的有两种方式:

1、引人jquery.jsjquery.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.jsjquery.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()提交表单不好使。

 

posted @ 2019-10-17 16:15  大数据实战派  阅读(1905)  评论(0编辑  收藏  举报