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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM