$.ajax()方法向后端发送FormData格式的数据,报错Illegal invocation

最新推荐文章于 2023-05-28 23:07:33 发布
原创 最新推荐文章于 2023-05-28 23:07:33 发布 · 538 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #jquery

本文记录了一次发送请求时忘记写特定部分的经历，并分享了遇到的错误信息及解决过程。

不是啥大错,发送请求的时候总是忘记写,记录一下~~~

发送请求代码

在这里插入图片描述
在这里插入图片描述

报错信息

在这里插入图片描述

解决问题

在这里插入图片描述

成功啦~

《前端》illegal invocation报错之浅谈contentType = false--2021-01-08
BelleDiao的博客
01-08 737
问题描述：在使用jQuery封装的ajax请求的时候，用于上传图片,表单等一系列。 里面formData方法传入作为data的属性值的时候，会出现这个错误 contentType: false, // 告诉jQuery不要去设置Content-Type请求头 processData: false, // 告诉jQuery不要去处理发送的数据 contentType 告诉服务器从浏览器提交过来的数据格式。 默认值是：contentType = "application/x...
使用 jQuery.ajax 上传带文件的表单遇到的问题
11-26
当尝试使用jQuery的`$.ajax`方法上传包含文件的表单时，若不特别配置`processData`选项，可能会遇到`Illegal invocation`异常。这是因为jQuery默认会尝试处理`data`参数，将其转换成字符串格式，但`FormData`对象...
$.ajax上传formdata数据
wyd的博客
08-06 672
$.ajax({ type: ‘post’, async: true, url: yurl, dataType: ‘json’, data:formdata processData: false, contentType: false, xhrFields: { withCredentials: true }, crossDomain: true, success: function (data)...
通过jQuery Ajax使用FormData对象上传文件
嗨，以后不许叫我逗比的博客
01-26 3608
FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。 在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。 但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢？ 本文将介绍通过jQuery使用For
$.ajax传JSON数据到后台出现报错问题解决
12-10
代码如下: $.ajax({ url: “../Services.ashx”, type: “POST”, //data: { ‘data’: { ‘typename’: JSON.stringify(typename) }, ‘operationType’: ‘2’ }, data: { ‘data’: typename, ‘operationType’: ‘2’,’nowheight’:nowheight,’nowarea’:nowarea }, success: function (msg) {} }) js代码如上，当data中的‘键’-‘值’对中的值为null（undefined）
Ajax 使用 FormData做为data的参数时 出现Illegal invocation
beizijingzx的博客
06-15 4931
今天在用ajax向后台传递数据时出现此错误，在ajax的参数中加上 contentType: false,           processData: false,  这两句即可。
ajax将fromdata传递到后台，提示验证码输入错误！后来发现接收的值为null
weixin_39208271的博客
08-23 207
原因： var shopImg = $("#shop-img")[0].files[0]; formdata中含有文件流 解决方法： 在spring-web.xml中配置 <!--文件上传解析器 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="...
调用js方法中$.ajax时显示jquery-1.9.1.min.js:5 Uncaught TypeError: Illegal invocation
最新发布
09-30
这个错误通常发生在使用jQuery的$.ajax方法时，传入的数据格式不正确或者某些参数不合法。 根据提供的引用信息，我们可以分析错误原因： 1. 引用[1]和引用[3]都提到了在$.ajax调用时出现了相同的错误，引用[1]中...
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
10-16
当使用FormData对象时，我们需要确保在调用$.ajax()方法时正确配置相关参数，以避免"Uncaught TypeError: Illegal invocation"这样的错误。 首先，我们需要理解`processData`和`contentType`这两个关键参数的作用：...
解决Ajax方式上传文件报错”Uncaught TypeError: Illegal invocation”
12-11
数据传输的方式是通过定义formData完成的，提交的文件对象也设置为dom对象，但是还是不能发送请求。F12看到后台报了个错误：Uncaught TypeError: Illegal invocation，百度了一下，找到了解决方法。 解决方法：在...
jquery的$.ajax()利用FormData数据类型与php后台交互
热门推荐
ccccc_Jun的博客
01-23 1万+
可能孤陋寡闻，现在才知道MDN的存在：https://developer.mozilla.org/zh-CN/ 的MDN全名容易理解他是什么意思：MDN Web Docs   好了，自行学习，上一篇讲了jquery的$.ajax()利用json数据类型与php后台交互 那么从MDN上了解到，原来html5中表单数据除了用json数据类型来传给后台，还可以用FormData数据类型来进行传递...
ajax formdata java_$ .ajax发送文件formdata和变量
weixin_42350470的博客
02-13 189
我正在尝试按照本教程中的步骤创建一个简单的jquery文件上传：http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/并且它功能齐全且非常出色 . 但是我希望对用户上传图像的内容有更多的控制和更多的安全性，例如我希望能够发送令牌 . 这是我的原始代码：$('#images').change(funct...
ajax中FormData对象
coucouxie的博客
08-03 2056
当我们使用ajax传递的参数值较多时，参数的值的获取以及拼接都很麻烦，这时我们就可以使用 formdata对象，可以方便我们的操做，更为重要的是我们可以传递二级制的文件了，比如图片，这在普通的方法里是办不到的。 FormData对象作用： 1.模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式。 2.异步上传二进制文件 formdata对象使用方法： 1.准备HTML表单。 <!-- 创建普通的html表单 --> <form id
$.ajax提交formdata的时候
qq_42809973的博客
01-26 7601
参考：https://www.cnblogs.com/yangtoude/p/jquery-ajax-formdata-upload.html  需要添加几个东西才能提交，具体原因看上面的链接地址： var fd = new FormData() fd.append('file', a) $.ajax({ type: "POST", ...
记录一下$.Ajax发送formData数据，Content-Type: multipart/form-data，Controller层接收的情况
qq_22878833的博客
12-29 2058
1.首先导入相关的jar包，这里用Maven方式: <!-- https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload --> <dependency> <groupId>commons-fileupload</groupId> ...
ajax-FormData使用
m0_37985967的博客
04-12 440
FormData对象的使用 1.准备表单 2.将html表单转换为formData对象 3.提交表单对象 FormData对象的实例方法 1.获取表单对象中属性的值 formData.get(‘key’) 2.设置表单对象中属性的值 formData.set(‘key’, ‘value’) 3.删除表单对象中属性的值 formData.delete(‘key’) 4.向表单对象中追加属性值 formData.append(‘key’, ‘value’); 注意：set方法与append方法的区别是，
ajax传文件调用后端接口formdata(不废话，直接上例子用jquery写的)
jingtian678的博客
12-14 2900
 $(function(){             $("#upload").click(function(){                 var formData = new FormData();                 formData.append('file', $('#file')[0].files[0]); //后端所需字段file                 f...
ajax传输数据-FormData
天行健，自强不息 ; 地势坤，厚德载物
05-22 4328
通过传统的form表单提交的方式上传&lt;form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"&gt; &lt;h1 &gt;测试通过Rest接口上传文件 &lt;/h1&amp
jquery ajax提交formdata数据
twins3520的博客
05-28 2287
方法发送 POST 请求，并将表单数据（包括文件）作为数据发送到服务器。，以便正确处理表单数据和文件。最后，在成功和错误的回调函数中，您可以执行您需要的操作。在这个例子中，我们使用了 jQuery 的。表单数据和文件上传到服务器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值