jquery ajax直接跳error

使用jquery的ajax在a标签点击时异步提交表单，后台还未传回数据，直接进入error,经过排查，时a标签中onclick的问题，去掉即可

      /***保存按钮点击方法开始*********/
      $("#addBtn").click(function(){
          var addForm = $("#addForm");
          ajaxSubForm();
      });
      /***保存按钮点击方法结束*********/

原先的a标签

1 <a id="addBtn" οnclick="$('#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       /******异步提交表单方法结束********/

 

 

转载于:https://www.cnblogs.com/li-ultraman/p/9398820.html