jQuery的ajax报错 Illegal invocation 解决方法

柔情只为你懂 2022-02-18 11:39 195阅读 0赞

“梅定妒，菊应羞，画阑开处冠中秋”

## 序 ##

今天在使用ajax提交修改的内容时，出现了下面的错误：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FfUnVubmVy_size_16_color_FFFFFF_t_70]  
之前也是这样用的，没发现这样的问题啊！

## 解决方法 ##

经过搜索之后，发现其他同学遇到这个问题的解决方案是，给ajax设置参数：`processData:false`，我试了一下，这样的确可以阻止报错，但是，参数变成一个对象，如下图，在后台controller中无法进行自动封装了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FfUnVubmVy_size_16_color_FFFFFF_t_70 1]  
**对于`processData`的解释：**

processData
    类型：Boolean
    
    默认值: true。默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。

显然，这种方案不适用我这种问题。经过一番火眼金睛的检查，终于发现，原来是我提交中的参数中有一个没有定义：

//获取数据
    	var a= $("#editWindow #a").val();
    	var b= $("#editWindow #b").val();
    	//更新数据
        $.ajax({
            type: "POST",
            url: 'controller/abc/update.json',
            data:{
            	id:id,	//这个id在上面的获取数据中没有定义，也没有值，所以才出现了Illegal invocation问题
    			a:a,
    			b:b
    		},
            success: function (data) {
    			if (data.success) {
                    $.messager.alert('提示', "修改成功！", 'info');
    			}
            }
        });

所以，只要先获取ID的值：

var id= $("#editWindow #id").val();

该问题就解决了。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FfUnVubmVy_size_16_color_FFFFFF_t_70]: /images/20220218/068a4dbe370e47ecb887810a07d9961f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FfUnVubmVy_size_16_color_FFFFFF_t_70 1]: /images/20220218/62ffe897a26b451493f279cc9b82227a.png