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

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


1 问题描述

用jQuery Ajax向DRF接口提交数据的时候,console提示:Uncaught TypeError:Illegal invocation(未捕获的异常:非法调用)。

这个问题可能有两种原因导致。

  • ajax调用了未定义的参数
  • 创建了Form对象 上传文件,但是未将Ajax的processDatacontentType两个参数设置为false

2 解决方案

2.1 未定义的参数

console.log()一下参数,看看哪个参数在未声明前调用。

2.2 用于上传文件 创建了Form对象

由于文件是字节序列,所以需要将processDatacontentType两个参数设置为false,否则也会出现Uncaught TypeError:Illegal invocation。

javascript 复制代码
$.ajax({
   url: url,
   type: 'POST',
   data: your_form_data,
   async: false,
   // 下面这两个参数
   processData: false,
   contentType: false,
   success: function (res) {
      // code
   }
   error: function (res) {
     // code
   }
})

不排除有其他可能性。

相关推荐
熊的猫35 分钟前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
瑶琴AI前端1 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
会发光的猪。1 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
我要洋人死2 小时前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人2 小时前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人2 小时前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR3 小时前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香3 小时前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596933 小时前
前端预览word、excel、ppt
前端·word·excel
小华同学ai3 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书