jquery ajax直接跳error


使用jquery的ajax在a標簽點擊時異步提交表單,后台還未傳回數據,直接進入error,經過排查,時a標簽中onclick的問題,去掉即可

      /***保存按鈕點擊方法開始*********/
      $("#addBtn").click(function(){
          var addForm = $("#addForm");
          ajaxSubForm();
      });
      /***保存按鈕點擊方法結束*********/

原先的a標簽

1 <a id="addBtn" onclick="$('#addForm').submit();" href="javascript:void(0);" class="submit" style="display: none;" >保存</a>

修改后

1 <a id="addBtn"  href="javascript:void(0);" class="submit" style="display: none;" >保存</a>

ajax

 1 /******異步提交表單方法開始********/
 2       function ajaxSubForm(form){
 3           var data = $("#addForm").serialize();
 4           $.ajax({ 
 5               type:"post",  
 6               url:"${ctx }/admin/test/ajaxAddOrUpRes",
 7               data:data,  
 8               dataType:"json", 
 9               success:function(data){
10                   //var dataObj = JSON.parse(data);
11                   console.log("添加返回——————————————--"+data);
12                   if(data.res === 1){//成功
13                       $.jBox.tip(data.msg);
14                           alert(data.idP+data.msg);
15                           rereshNode(data.idP);
16                   }else{//失敗
17                       $.jBox.tip(data.msg);
18                   }
19                   return data;
20               },
21               error:function(){ 
22                   alert("請求失敗123");
23              }
24          });
25       }
26       /******異步提交表單方法結束********/

 

 


免責聲明!

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



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