首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过ajax获得了formdata,但对象为空

,可能是以下几个原因导致的:

  1. 前端代码错误:请确保在发送ajax请求之前,正确获取了表单数据并将其转换为formdata对象。可以使用FormData构造函数来创建formdata对象,并使用append()方法将表单字段添加到对象中。例如:
代码语言:javascript
复制
var formData = new FormData();
formData.append('field1', value1);
formData.append('field2', value2);
  1. 表单数据为空:在发送ajax请求之前,确保表单中的字段有值。可以通过表单的id或元素选择器来获取表单元素,并使用value属性获取字段的值。例如:
代码语言:javascript
复制
var field1Value = document.getElementById('field1').value;
var field2Value = document.querySelector('#field2').value;
  1. 请求参数错误:请确保在发送ajax请求时,正确设置了请求参数。通常,使用POST方法发送formdata对象时,需要设置processData: falsecontentType: false,以确保formdata对象被正确处理。例如:
代码语言:javascript
复制
$.ajax({
  url: 'your-url',
  type: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    // 处理成功响应
  },
  error: function(xhr, status, error) {
    // 处理错误响应
  }
});
  1. 后端代码错误:如果前端代码没有问题,那么可能是后端代码处理请求时出现了问题。请检查后端代码,确保正确解析和处理接收到的formdata对象。

总结:

当通过ajax获得了formdata对象但对象为空时,需要检查前端代码是否正确获取表单数据并转换为formdata对象,确保表单字段有值,并正确设置ajax请求参数。如果前端代码没有问题,则需要检查后端代码是否正确处理接收到的formdata对象。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

.Net之使用Jquery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径

这篇文章中,我将要描述的是在我们.Net中如何使用Jquery Ajax通过FormData对象异步提交图片文件到后台保存,并返回保存的图片路径展示出图片,实现一个无刷新的异步图片上传的过程,当然这里我讲解的是单张图片的保存过程...FormData对象概述:   FormData对象是H5中的一个新特性,用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。...其主要用于发送表单数据,亦可用于发送带键数据(keyed data),而独立于表单使用。...比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件。...Jquery Ajax通过FormData对象异步提交图片文件: HTML中选中图片的按钮: 头像 <div class="tuxiang-up" id="headPortrait

2.2K20
  • 文件上传的动作不能太俗,必须页面无刷新上传

    它提供了一个通过 URL 来获取数据的简单方式,并且不会使整个页面刷新。这使得网页只更新一部分页面而不会打扰到用户。XMLHttpRequest 在 AJAX 中被大量使用。...没有超时机制, 不方便掌控ajax请求节奏. 但是XMLHttpRequest Level 2针对这些缺陷做出良好的改进: 支持二进制数据, 可以上传文件, 可以使用FormData对象管理表单....要码运行 整个上传的动作概括一句话就是:这里提到的FormData就是我们最常用的一种方式,通过在脚本里新建FormData对象,把File对象设置到表单项中,然后利用XMLHttpRequest异步上传到后台服务器即可...(); //FormData对象 var length = userfile.files.length; //获取选中文件的个数(单文件直接追加即可)...int fileNumber = file.length; 11 if(fileNumber == 0){ 12 logger.info("上传内容

    1.7K70

    手把手教你前端本地文件操作与上传

    同时FormData打印出来是一个的Objet,并不是说它的内容是的,只是它对前端开发人员是透明的,无法查看、修改、删除里面的内容,只能append添加字段。...如果需要限制上传文件的大小就可以通过判断size属性有没有超,单位是字节,而要判断是否图片文件就可以通过type类型是否以image开头。通过判断文件名的后缀可能会不准,而通过这种判断会比较准。...里面,拿到这个File对象之后就可以和输入框进行一样的操作了,即使用FileReader读取,或者是新建一个formData,然后把它append到formData里面。...); 如果用jQuery的话,要设置两个属性false: $.ajax({ url:"/upload", type:"POST", data:formData, processData:false,/...如果你读取ArrayBuffer的话再上传的话其实作用不是很大,还不如直接用formData添加一个File对象的内容,因为上面三种方式都可以拿到File对象

    1.9K110

    前端本地文件操作与上传

    同时FormData打印出来是一个的Objet,并不是说它的内容是的,只是它对前端开发人员是透明的,无法查看、修改、删除里面的内容,只能append添加字段。...如果需要限制上传文件的大小就可以通过判断size属性有没有超,单位是字节,而要判断是否图片文件就可以通过type类型是否以image开头。通过判断文件名的后缀可能会不准,而通过这种判断会比较准。...里面,拿到这个File对象之后就可以和输入框进行一样的操作了,即使用FileReader读取,或者是新建一个formData,然后把它append到formData里面。...); 如果用jQuery的话,要设置两个属性false: $.ajax({ url: "/upload", type: "POST", data: formData, processData:...如果你读取ArrayBuffer的话再上传的话其实作用不是很大,还不如直接用formData添加一个File对象的内容,因为上面三种方式都可以拿到File对象

    1.6K20

    你还在手动拼接ajax数据吗?还不会通过ajax实现文件上传?

    上面提到了Formdata提供一种表示表单数据得键值对的构造方式,什么意思? 通过Formdata你就不用手动拼接表单元素的值了如name:sdd&pwd:dsf......有些时候我们会通过ajax提交表单,通过ajax提交表单时我们不得不手动拼接表单值,数量少还好数量多很容易出错,写着也烦,此处笔者深有体会啊, 不仅如此Formdata支持文件上传,这就意味着你可以通过...ajax实现异步文件这在web开发中太有用了,此博客后台上传文件就是通过Formdata 下面我们看看传统方式于Formdata的区别 传统XMLHttpRequest提交 window.onsubmit...=new FormData(this);//这里的this转换成了普通的dom对象 $.ajax({ url: this.action, type: this.method...'的值 formdata.set("name","value")修改keyname的值,如果key不存在则添加 formdata.has("name") 判断是否有keyname的值 返回布尔值

    55110

    Form​Data 对象的使用

    FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,亦可用于发送带键数据(keyed data),而独立于表单使用。...File 接口基于Blob,继承 blob功能并将其扩展支持用户系统上的文件。你可以通过 Blob() 构造函数创建一个Blob对象。...通过HTML表单创建FormData对象节 想要构造一个包含Form表单数据的FormData对象,需要在创建FormData对象时指定表单的元素。...processData: false, // 不处理数据 contentType: false // 不设置内容类型 }); 通过AJAX提交表单和上传文件可以不使用FormData对象节...如果你想知道不使用FormData对象的情况下,通过AJAX序列化和提交表单 请点击这里。

    1.1K20

    Ajax第一节

    我们现在通过ajax的确可以返回一些简单的数据(一个字符串), 但是在实际开发过程中,肯定会会设计到大量的复杂类型的数据传输, 比如数组、对象等,但是每个编程语言的语法都不一样。...方法 jQuery我们提供了更强大的Ajax封装 $.ajax 参数列表 参数名称 描述 取值 示例 url 接口地址 url:"02.php" type 请求方式 get/post type:"get...如果提示"手机号不能为" (2) 手机号码格式必须正确, 提示"请输入正确的手机号码" 需求2:点击发送时,按钮显示"发送中",并且不能重复提交请求 需求3:根据不同的响应结果,进行响应...加载时,显示加载中的提示信息,并且要求不能重复发送ajax请求 //6. 当服务端返回图片数量0时,提示用户没有更多数据。...实例化一个formData对象, new formData(form); form就是表单元素 2. formData对象可以直接作为 xhr.send(formData)的参数。

    3.9K20

    api接口文档html模板,开发接口文档-api文档模板

    获取所有字段1.1 获取所有字段请求地址:/session/field/findAll请求参数参数名必填字段类型描述name是String根据名称筛选响应code10000成功,-1系统错误,10001必填参数...对象包含的文件响应code10000成功,-1系统错误,10001必填参数message响应描述result如响应例子请求例子:var formData = new FormData();formData.append...(file, this.files0);.ajax(url : routePath + /session/file/upload,type : POST,data : formData,processData...3.1 新增所属类型请求地址:/session/fieldType/save请求参数参数名必填字段类型描述name是String所属类型名称响应code10000成功,-1系统错误,10001必填参数.../session/fieldType/update请求参数参数名必填字段类型描述id是Long所属类型idname是String所属类型名称响应code10000成功,-1系统错误,10001必填参数

    18.2K20

    实习笔记:java页面的增删改查,分页,模糊查询

    首先公司项目的技术是,springboot,前端用的springboot的内置模板Freemarker,但不是jsp页面,全是html和ftl页面,前后端交互的数据通过ajax请求来交互,前端ui用的layui...而这里用到了FormData函数,需要传入一个表单对象,会将表单中的值全部映射到datas,并且postajax提交时,注明一下postajaxForm, //这里的讲下formdata对象,其实就是一个...map键值对集合,可以通过formdata函数将表单中的对象转为集合通过ajax方便传值 //我们可以通过name来访问表单中的字段 formdata.get("username");  //获取username...这里开一个新文章来说说这些问题 spring,tomcat,springmvc之间的关系 那么继续,既然获得了ajax请求过来的数据,那么就好办, 新增嘛,肯定是声明一个新增的这个类对象来封装这些数据。...可以,但不建议,因为习惯都是通过对象在逻辑之间传递,并且后续你查询,如果是加where条件呢?你又得改代码,加参数。

    1.2K20

    Ajax使用formData提交带图片上传的表单

    formDat还是很简单的,有很多加值得方法,后台可以直接用对象接收。 使用ajax提交有很多种方式,说一下使用formDat,直接贴代码。...name="file" id="file" multiple />                 确认修改    js代码:ajax...);             formData.append("phone", phone);             $.ajax({                 type : "POST",                 ...UserInfo userInfo) {         JSONObject json = new JSONObject();                 // 图片上传         // 如果文件不为,...一直接收不到(就是这地方搞了好久) 后来慢慢调错,发现Controller里用String file 就能收的到,就觉得肯定是前台传过来的不对,然后前台alert(file)发现是图片路径,不是Object对象

    2.3K10

    .NET Core Web API使用HttpClient提交文件的二进制流(multipartform-data内容类型)

    需求背景:    在需要通过服务端请求传递文件二进制文件流数据到相关的服务端保存时,如对接第三方接口很多情况下都会提供一个上传文件的接口,但是当你直接通过前端Ajax的方式将文件流上传到对方提供的接口的时候往往都会存在跨域的情况...对象上传文件: 注意点: FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。...contentType:需设置false,在Ajax中contentType 设置false 是为了避免 JQuery 对其操作,从而失去分界符,而使服务器不能正常解析文件。...processData:需设置false,默认为true,表示以对象的形式上传的时候会默认把对象转化为字符串的形式上传。...= new FormData(); var files = $(fileObject).prop('files'); //获取到文件列表【$("#imageFile").get(0)通过

    3.4K10

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券