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