jQuery-2.1.4.min.js:4 Uncaught TypeError: Illegal invocation

最新推荐文章于 2023-11-16 15:52:07 发布

转载最新推荐文章于 2023-11-16 15:52:07 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ly-radiata/p/5680856.html

文章标签：

#javascript #ViewUI

本文探讨了在使用jQuery过程中遇到的一个常见错误：TypeError: Illegal invocation。该错误与CSRF（跨站请求伪造）防护有关，并提供了相应的解决思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery-2.1.4.min.js:4 Uncaught TypeError: Illegal invocation

此错误与crsf有关

转载于:https://www.cnblogs.com/ly-radiata/p/5680856.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30655219

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jquery.min.js ajax,javascript - Uncaught TypeError: Illegal invocation jquery.min.js:4 [Ajax, jQuery...

weixin_31198993的博客

08-06

1049

I getting this error when my $.ajax line runs.Uncaught TypeError: Illegal invocation jquery.min.js:4e jquery.min.js:4Vc jquery.min.js:4Vc jquery.min.js:4Vc jquery.min.js:4m.param jquery.min.js:4m.exte...

jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

11-01

标题中提到的"jquery-2.1.4.js"和"jquery-2.1.4.min.js"正是这个库的两个版本，它们在网页动态效果处理、DOM操作、事件处理等方面有着广泛的应用。首先，我们来了解下jQuery的核心理念： "Write Less, Do More"。...

参与评论您还未登录，请先登录后发表或查看评论

JQuery报错Uncaught TypeError: Illegal invocation的处理方法

12-07

Jquery实现Ajax异步提交时报错”Uncaught TypeError: Illegal invocation”，如下图：排查发现错误在于此：代码如下: data:{“search_value”:$(‘input[name=search_value]’),”order_source”:buyerType,”order_status”:orderType} $(‘input[name=search_value]’) 是一个对象而不是一个值，正确的写法应该是 $(‘input[name=search_value]’).val() 以上就是本文所述的全部内容了，希望大家能够喜欢。

JQ报错：Uncaught TypeError: Illegal invocation

会飞的咕咕鱼的博客

11-11

2771

碰到这个报错，可能有以下几种情况： 1.ajax参数问题比如ajax其中一个参数为 id ，这个id 应该是个number类型的，但是赋值时赋值了 jQ对象$('#id')，应该改成$('#id').val(); 2.遍历jQ对象集合取其中某个jQ对象时，取得方法有问题比如 jQ集合为$inputs，取其中第k个应该是 $inputs.eq(k),而不是 $inputs[...

【JQuery 】ajax 提交数据提示：Uncaught TypeError:Illegal invocation

在红尘中争渡

11-16

3968

JQuery ajax 提交数据提示：Uncaught TypeError:Illegal invocation 的两种解决方案

jquery ajax报Uncaught TypeError ：Illegal invocation

qq_40308117的博客

03-24

746

后来发现是我传参的时候使用 item,把整个对象传进去，这样识别不了，后来改成这样就可以了。1.请求类型有误，如，post请求，但在后台设置的是get请求。如，没有传参，或是参数对应不上去。将 item 这个对象分开传，就可以了。

jquery-2.1.4.min.map

11-21

jquery-2.1.4.min.map,配套使用。以前的版本，找了很久没找到.

jquery-2.1.4.js

12-27

标题中的“jquery-2.1.4.js”指的是jQuery库的一个具体版本——2.1.4。这个版本在2015年发布，是jQuery 2.x系列的一个稳定版本，它针对现代浏览器进行了优化，去除了对IE6、7、8的兼容性支持，从而实现了更快的执行...

jquery-2.1.4.js和jquery-2.1.4.min.js

11-06

总结而言，`jquery-2.1.4.js`和`jquery-2.1.4.min.js`分别是jQuery 2.1.4版本的完整库和压缩库，两者在用途和特性上有明显差异。开发者需要根据自己的开发阶段和项目需求来选择合适的版本。无论是在学习过程中还是在...

jQuery-1.12.4.js和jQuery-1.8.3.min.js

11-20

"jQuery-1.12.4.js" 和 "jQuery-1.8.3.min.js" 是两个不同版本的jQuery库，用于前端网页开发。这两个文件分别代表了jQuery的不同阶段，各自有其特性和适用场景。首先，我们来看 "jQuery-1.12.4.js"。这是jQuery的...

jquery-2.1.4.min.js

06-20

jquery-2.1.4.min.js

JQuery报错Uncaught TypeError: Illegal invocation

程序员写的技术 FAQ 和杂文

10-09

6960

一般是变量处理时，调用的是对象而不是字符串或整形之类的了。这样处理不了才报的错。比如：应该这样用： $("#select_x").val(); 而我们这样用了。 $("#select_x"); 就会报这个错。大家写时注意即可。

JQuery报错"Uncaught TypeError: Illegal invocation"

chuqiecheng9969的博客

03-12

224

Jquery实现Ajax异步提交时报错"Uncaught TypeError: Illegal invocation"，如下图：排查发现错误在于此： data:{"search_value":$('input[name=search_value]'),"order...

Uncaught TypeError:Illegal invocation

stay hungry ! stay foolish!

10-12

1783

Uncaught TypeError:Illegal invocation 转载：https://blog.csdn.net/phoenix_smf/article/details/79000543 Uncaught TypeError:Illegal invocation：中文意思是：未捕获的异常：非法调用我是在使用ajax发送请求时...

Javascript报uncaught typeerror illegal invocation错误

Tempta的博客

08-16

504

在用ajax向后台传值的时候把一个对象当作参数传上去了

Javascript报uncaught typeerror illegal invocation 问题

若星汉灿烂

01-11

3039

今天往后台传值时报uncaught typeerror illegal invocation错误最后发现grzc没有取值把对象传进了Ajax 如果你觉得这篇内容对你挺有启发，我想邀请你帮我三个忙，让更多的人看到这篇文章： 1、点赞，可以让更多的人看到这篇文章 2、关注我的微信公众号，第一时间阅读我的文章。 3、也欢迎关注我的博客哦 ...

Uncaught TypeError: Illegal invocation问题的解决

最新发布

06-05

<think>我们已经参考了多个引用中关于"UncaughtSyntaxError:Invalidorunexpectedtoken"错误的案例。这些错误通常是由于代码中存在非法字符（如不可见的Unicode字符、不匹配的引号、特殊符号等）导致的。尤其是在引用[1]、引用[3]和引用[4]中，错误发生在HTML文件中的特定行和列（如front.html:14:12,devicemanager.html:1:12等）。根据用户描述，错误只在页面初次加载时出现，刷新后正常。这种情况通常与以下原因有关：1.浏览器缓存问题：初次加载时，浏览器可能下载了不完整的脚本文件，而刷新后从缓存中获取了完整的文件。2.脚本加载顺序问题：可能存在异步加载的脚本，在初次加载时由于网络原因或执行顺序问题导致错误，刷新后因为缓存而按正确顺序执行。3.动态生成内容问题：如果错误是由于动态生成的内容（如引用[3]中的动态按钮）在初次生成时出现语法错误，而刷新后由于数据变化没有触发错误，则可能导致问题。4.非法字符：在引用的错误中，非法字符通常是不可见的，如零宽空格（U+200B）或其他控制字符。这些字符可能在复制粘贴代码时引入。解决方案：1.**检查报错位置**：根据错误信息（比如front.html:14:12）找到对应文件的第14行第12个字符，检查该位置附近的代码。在引用[3]中，问题就出现在动态生成按钮的字符串拼接上。2.**清除非法字符**：如果报错位置在空白处或正常字符附近，可能是存在不可见字符。可以使用文本编辑器（如VSCode）显示所有字符，或者使用十六进制编辑器查看。通常删除这些非法字符即可。3.**确保字符串正确转义**：在动态生成HTML字符串时（如引用[3]），如果插入的变量包含引号或特殊字符，会导致语法错误。正确做法是使用`element.addEventListener`绑定事件，或者用`createElement`创建元素，避免使用`onclick`属性拼接字符串。如果必须拼接，则需使用`JSON.stringify`转义字符串，例如：```javascript"onclick='installApp("+JSON.stringify(data.deviceId)+","+JSON.stringify(apppackageinfo[i].apppath)+")'"```4.**检查HTML结构**：确保所有的标签都正确关闭，属性值用引号括起来。在引用[4]中，我们可以看到在字符串拼接时使用了单引号，如果字符串内容包含单引号，就会破坏结构。5.**使用开发者工具**：在浏览器中查看报错的具体位置，并检查该处的源码（注意浏览器解析后的源码可能与源文件不同，尤其是动态生成的部分）。针对用户所述“刷新后正常”的现象，特别需要注意：-**缓存问题**：首次加载可能因为网络问题导致脚本加载中断，刷新后由于缓存而完整加载。应检查网络请求，确保所有资源文件都成功加载（状态码200）。-**异步加载时序**：如果脚本是异步加载的，可能导致在脚本执行时依赖的DOM元素还未加载。可以尝试将脚本放在页面底部，或者使用`DOMContentLoaded`事件来延迟执行。综上，具体到用户的问题，请按照以下步骤排查：1.根据控制台报错信息定位到具体的文件和行号列号。2.检查该位置的代码，特别注意是否有非法字符（如零宽空格）。3.如果是动态生成的代码，检查生成逻辑，确保字符串拼接正确转义。4.刷新页面后，查看同样的位置是否还有错误？如果没有，可能是首次加载资源不完整，尝试清除缓存并重新加载，或者检查网络请求。参考引用：-引用[3]中通过动态拼接字符串导致语法错误，刷新后可能因为数据不同而没有触发[^3]。-引用[1]中错误发生在HTML文件的第14行第12列，可能在该位置存在非法字符[^1]。-引用[4]中在字符串拼接时使用了不匹配的引号，如`newDate().getTime()`没有正确闭合[^4]。如果用户能提供具体的错误位置（如哪一行代码），可以进一步分析。否则，以上述步骤进行排查通常可以解决问题。§§相关问题§§1.如何避免在JavaScript字符串拼接中出现语法错误？2.浏览器控制台报错如何准确定位问题代码？3.页面刷新后脚本正常运行的可能原因有哪些？</think> ### "Uncaught SyntaxError: Invalid or unexpected token" 错误分析及解决方案 #### 问题原因分析 1. **首次加载报错但刷新后正常** 这种情况通常与字符编码问题或HTML解析干扰有关： - 页面可能包含**非法Unicode字符**（如BOM头U+FEFF、零宽空格U+200B），浏览器首次加载时严格解析，而刷新后可能忽略这些字符 - 存在**特殊控制字符**（如`\u2028`行分隔符）被当作语法标记 - 引用[1][^3]中提到的动态内容生成时，**字符串拼接问题**（如未转义的引号） 2. **常见触发场景** 以下代码模式容易引发此错误： ```javascript // 案例1：动态拼接HTML时引号冲突（引用[3]） `<button onclick='installApp("+data.deviceId+", ...)'></button>` // 应当改为： `<button onclick="installApp(${JSON.stringify(data.deviceId)}, ...)"></button>` // 案例2：URL拼接未转义字符（引用[4]） '?timestamp=" + new Date().getTime()' // ❌ 双引号未闭合 // 正确写法： `?timestamp=${new Date().getTime()}` // ✅ ``` 3. **关键特征** 根据引用[1][^4]的报错位置信息（如`front.html:14:12`）： - 第12个字符位置可能存在**不可见控制字符** - 可能是**中文标点**（如全角逗号`，`）混入代码 - jQuery选择器包含**特殊符号未转义**（如`#`、`:`） #### 解决方案 1. **字符级检测（关键步骤）** - 使用十六进制编辑器检查报错位置的字符编码（如VSCode的Hex Editor插件） - 在Chrome控制台执行： ```javascript // 获取第14行代码的charCode document.documentElement.outerHTML.split('\n')[13].charCodeAt(11) ``` 检查返回值是否为8203（零宽空格）或65279（BOM） 2. **代码修正方案** ```javascript // ✅ 修正动态内容拼接（引用[3]案例） const button = $('<button>', { class: 'layui-btn', text: '安装', on: { click: () => installApp(data.deviceId, appPath) // 避免字符串拼接 } }); // ✅ 修正URL参数（引用[4]案例） $('#grid').omGrid({ dataSource: `${ctx}/webapi/carousel/findPage.do?t=${Date.now()}`, // 使用模板字符串避免引号混乱 }); ``` 3. **预防措施** - 在`<head>`添加编码声明： ```html <meta charset="utf-8">  ``` - 启用编辑器显示控制字符功能（VSCode设置：`"editor.renderControlCharacters": true`） - 使用ESLint规则：`"no-irregular-whitespace": "error"` #### 为什么刷新后正常？浏览器在首次加载时会**严格解析DOM结构**，而刷新后可能： 1. 从缓存加载已修正编码的脚本 2. 忽略部分非致命解析错误（如特定控制字符） 3. 动态内容生成时数据状态变化避免了错误路径 > **提示**：使用`document.write()`或`innerHTML`注入含特殊字符的内容是高风险操作，推荐用`document.createElement`创建元素[^3]