博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax提交表单数据(包含文件)
阅读量:5136 次
发布时间:2019-06-13

本文共 998 字,大约阅读时间需要 3 分钟。

1. 表单数据->JSON->后台

2. 表单序列化【方式一】

 

 

3. 使用FormData类

//表单提交var formData = new FormData($('#addUserForm')[0])console.log(formData)$.ajax({    url:'/user/addPro.do',    type:'post',    data:formData,    contentType: false, //必须    processData: false, //必须    success:function (result) {            },error:function () {           }});

 

 

  在上面的js代码中,我们使用Jquery的ajax方法来提交数据。注意:我们应该使用较新的Jquery,老版本的可能不支持,同时必须设置contentType : false和processData : false。否则,jquery会报“Uncaught TypeError: Illegal invocation”这样的错误。因为jquery会试图将不是字符串的内容进行转换,设置processData : false禁止其转换,设置contentType : false是告诉jquery不要为其设置Content-Type头,防止上传失败。

  注意:对于springmvc的后台,需要配置视图解析器,否则文件为null:

102400
utf-8

 

 

 

4. string <-->Object

var str = '{"name":"admin","age":20}';var obj = eval('('+str+')');  //方式一//方式二,注意 JSON字符串的引号必须使用  " var obj = JSON.parse(str)

 

转载于:https://www.cnblogs.com/zhuxiang1633/p/8675716.html

你可能感兴趣的文章
BZOJ 1207(dp)
查看>>
对我来说,只有一件事情是重要的
查看>>
完整的Socket代码
查看>>
PE知识复习之PE的导入表
查看>>
POJ 3280 Cheapest Palindrome
查看>>
HDU 2076 夹角有多大(题目已修改,注意读题)
查看>>
Objective-C非正式协议与正式协议
查看>>
洛谷P3676 小清新数据结构题(动态点分治)
查看>>
SPOJ DQUERY D-query(主席树 区间不同数个数)
查看>>
八 Civil3d常用显示样式的编辑与创建 ----点标签样式2
查看>>
九校联考-DL24凉心模拟Day2T1 锻造(forging)
查看>>
生产阶段Webpack打包【基础打包】
查看>>
Cortex M3/M4 学习摘要(二)
查看>>
C#时间的味道——任时光匆匆我只在乎你
查看>>
Android实现带图标的ListView
查看>>
浅谈Angular的 $q, defer, promise
查看>>
Linux while 和 read 的用法
查看>>
(1)数据结构——线性表(数组)实现
查看>>
【转】javap -c命令详解
查看>>
Jedis使用过程中踩过的那些坑
查看>>