【jQuery】將form表單通過ajax實現無刷新提交


 1     //將form轉換為AJAX提交
 2     function ajaxSubmit(url,frm,fn){
 3         var dataPara=getFormJson(frm);
 4         $.ajax({
 5             url:url,
 6             type:"post",
 7             data:dataPara,
 8             async:false,
 9             dataType:'txt',
10             success:fn
11         });
12     }
13     //將form中的值轉換為鍵值對
14     function getFormJson(frm){
15         var o={};
16         var a=$(frm).serializeArray();
17         $.each(a,function(){
18             if(o[this.name]!==undefined){
19                 if(!o[this.name].push){
20                     o[this.name]=[o[this.name]];
21                 }
22                 o[this.name].push(this.value || '');
23             }else{
24                 o[this.name]=this.value || '';
25             }
26         });
27         return o;
28     }
29 
30 /*
31     //前台調用方式
32     function autoSubmitFun(){
33          ajaxSubmit("autoSumitScoreAJAX.action",$('#formId'),function(){});
34     }
35 */

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM