详解ajax的data参数错误导致页面崩溃

发布时间：2020-12-15 23:15:22 所属栏目：百科来源：网络整理

导读：今天准备把选定表格的其中一行的数据通过ajax传给后端，但是网站确崩溃了。代码如下： data: { non:o,id: id,username: username,sex: sex,age: age,institute: institute,grade: grade,phone: phone,hlbhl: hlbhl },//前台传给后台的参数 dataType: "json"

今天准备把选定表格的其中一行的数据通过ajax传给后端，但是网站确崩溃了。

代码如下：

  data: {
        non:o,id: id,username: username,sex: sex,age: age,institute: institute,grade: grade,phone: phone,hlbhl: hlbhl
  },//前台传给后台的参数
  dataType: "json",ansync: true,ContentType: "application/json; charset=utf-8",success: function (msg) {//msg:返回值
    a=2;
    console.log(a);
  }
});
edit.style.display='none';

});

代码的大意是我点击一个按钮（$('.icon-edit')）然后弹出一个表单（edit），表单是数据来源于点击，然后修改表格的内容点击确定按钮（$('#ok')）后把表单数据覆盖掉之前点击行的数据，达到修改表格的目的，点击确定时触发ajax，把修改后的数据发送给后端，拿到数据并更新数据库。

结果页面不报错，而是直接崩溃了，查看了许久，才发现是由于ajax的data参数写错了，之前写成这样：

从上面可以看出，我传给data的数据并不是字符串之类的，而是一个n.fn.init [td,prevObject: n.fn.init(1),context: document]，由于自己的粗心和对导致ajax出现错误的情况了解比较少，导致看了很久的代码才发现原因，刚开始就以为不会是参数导致，因为认为参数错误顶多拿到的数据不对，报下错或者结果不一样，果真自己还是太年轻。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!