使用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 /******异步提交表单方法结束********/