您现在的位置是：网站首页 > 代码编程 > WEB前端WEB前端

【原】ajax提交formdata，报错Uncaught TypeError: Illegal invocation(…)

不忘初心 2019-07-05 围观() 评论() 点赞() 【WEB前端】

简介：在使用ajax提交formdata时，报了一个错：“Uncaught TypeError: Illegal invocation(…)”，之前一直都是直接利用jquery，使用$.submit()这种方式，也没太在意一些细节，这次使用FormData()方式来模拟form表单提交，直接凉凉。。。

在使用ajax提交formdata时，报了一个错：“Uncaught TypeError: Illegal invocation(…)”，之前一直都是直接利用jquery，使用$.submit()这种方式，也没太在意一些细节，这次使用FormData()方式来模拟form表单提交，直接凉凉。。。

ajax提交formdata，报错Uncaught TypeError: Illegal invocation(…)

折腾了一圈，最终定位到问题的原因：对提交的form表单数据进行了重复处理。

代码如下：

var formData = new FormData();// 声明表单对象，括号中可以传递一个form对象

formData.append("username",  "积微成著");

$.ajax({
	type: 'post',
	url: '/user/update',
	dataType: 'json',
	data: formData,
	processData : false,// 必须要加这一句，否则会对formdata二次处理
	success: function(data) {
		if (data.code == 0) {
			alert('信息修改成功');
		} else {
			alert(data.msg);
		}
	},
	error: function(XMLHttpRequest, textStatus, errorThrown) {
		alert('系统异常');
	}
});