JS ajax请求参数格式( formData 、serialize)
1 $("#importBtn").click(function(){ 2 if($("#conId").val() == ""){ 3 alert("请填写Id"); 4 return; 5 } 6 if($("#fromWhere").val() == ""){ 7 alert("请填写简称"); 8 return; 9 } 10 if($("#importFile").val() == ''){ 11 alert("请选择上传的文件") 12 return; 13 } 14 if($("#seanceId").val() == -1){ 15 alert("请选择类型"); 16 return; 17 }else{$("#daoru").html("导入中...");} 18 setTimeout(function(){ 19 var formData = new FormData(); 20 var teamName = encodeURIComponent($("#teamName").val()); 21 var conId = $("#conId").val(); 22 formData.append("importFile", $("#importFile")[0].files[0]); 23 formData.append("fromWhere", $("#fromWhere").val()); 24 formData.append("teamName",teamName); 25 formData.append("conId",conId); 26 formData.append("seanceId",$("#seanceId").val()); 27 $.ajax({ 28 url: "/import.do?importUser", 29 type: 'POST', 30 data: formData, 31 dataType:"json", 32 // 告诉jQuery不要去处理发送的数据 33 processData: false, 34 // 告诉jQuery不要去设置Content-Type请求头 35 contentType: false, 36 cache:false, 37 ifModified:true, 38 async:false, 39 beforeSend: function () { 40 console.log("正在进行,请稍候"); 41 }, 42 success: function (json) { 43 if (json.state == 1) { 44 alert("导入完成"); 45 window.location.reload(); 46 //$("#selectFile").html("选择文件"); 47 } else { 48 alert(json.msg); 49 return; 50 } 51 }, 52 error: function (json) { 53 console.log("error"); 54 } 55 }); 56 },100) 57 })
setTimeout( )是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的 method 或 function, 有以下语法:
今次例子是设定等 3 秒 (3000 milliseconds), 浏览器就会执行 alert( ) 这一个method。
2、序列化编码传参
1 var datas = $("#formR").serialize(); 2 datas = encodeURIComponent(encodeURIComponent(datas)); 3 datas = datas.replace(/%253D/g,"=").replace(/%2526/g,"&"); 4 $.ajax({ 5 url:url+"/modelH5Action.do?method=userRegApp", 6 type:"post", 7 data:datas, 8 dataType:"json", 9 cache:false, 10 ifModified:true, 11 success:function(data){ 12 var userId = data.userInfo.userInfoId; 13 aAlert("提交成功!"); 14 $(".btnDiv").click(function(){ 15 location.href = ""; 16 }) 17 } 18 });
转载于:https://www.cnblogs.com/jichuang/p/9228145.html
JS ajax请求参数格式( formData 、serialize)相关推荐
- ajax json 渲染 html,jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
本文实例讲述了jquery+ajax+js实现请求json格式数据并渲染到html页面操作.分享给大家供大家参考,具体如下: 1.先给json格式的数据: [ {"id":1,&q ...
- ajax请求到参数太大获取参数失败问题,Ajax请求参数较长导致请求失败
Ajax请求参数比较长,第5行参数大概1100个字符吧,是接口的请求报文. $.ajax({ type:"POST", url:"${ctx}/test.action?m ...
- 跳槽涨薪技术之python+pytest接口自动化(6)-请求参数格式的确定
[文章末尾给大家留下了大量的福利] 我们在做接口测试之前,先需要根据接口文档或抓包接口数据,搞清楚被测接口的详细内容,其中就包含请求参数的编码格式,从而使用对应的参数格式发送请求.例如某个接口规定的请 ...
- [js] ajax请求地址只支持http/https吗?能做到让它支持rtmp://等其它自定义协议吗 ?
[js] ajax请求地址只支持http/https吗?能做到让它支持rtmp://等其它自定义协议吗 ? ajax只支持http/https协议, 可以通过自定义http头来间接支持自定义协议 个人 ...
- js ajax的请求地址不正确,使用香草JS AJAX请求访问本地JSON文件时出现CORS错误?...
我正在尝试使用香草JS AJAX请求从本地存储的JSON文件中拉回JSON字符串(特别是尝试不使用JQuery)-以下代码基于此答案 -但我在Chrome控制台中不断收到错误(见下文).有什么想法我要 ...
- php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
- php的mvc中的ajax请求参数为空,AJAX_asp.net中mvc使用ajax提交参数的匹配问题解决探讨,想到在asp.net的mvc中如果使用aja - phpStudy...
asp.net中mvc使用ajax提交参数的匹配问题解决探讨 想到在asp.net的mvc中如果使用ajax向服务端传递参数时如果参数是一个类或者是个数组(或List集合)以及更复杂的对象时,服务端总 ...
- ajax请求参数datatype,ajax datatype参数会遇到什么问题?
Ajax的请求使用的过程中,通常都会遇到一些问题,尤其是dataType参数引发了很多问题,接下来小编带大家一起来了解下吧. Ajax的"dataType"参数可能会使用不当$.d ...
- android 请求参数打印,android retrofit 请求参数格式RequestBody的方法
以前都是使用 Observable login(@HeaderMap Map headers, @QueryMap Map map); @QueryMap方式,将参数放入map中传输的 现在改用Req ...
最新文章
- 帧率ffmepg 摄像头_【WIN电竞】CSGO解除锁帧方法介绍
- SAP Spartacus页面底部的Component请求
- mac系统在云服务器地址,mac如何登陆云服务器地址
- ZKWeb网页框架1.3正式发布
- Android studio中提交svn一直卡在performing VCS commit
- c++ 多个字符串排序_RPython Data Science系列:数据处理(5)--字符串函数基于R(一)
- python随机生成两个一维数组_如何用python随机产生一个一维数组
- 大学计算机在线阅读,大学计算机
- eclipse-中如何显示工程树形结构
- 不胜唏嘘!衰落的苹果与崛起的荣耀
- linux系统镜像安装方法,linux系统安装的引导镜像制作流程分享
- 改变图片强调可修改r,如s.val[i]*scale*r
- zblog火车头采集经验
- SQLite管理软件 - SQLiteSpy
- Failed to connect to github.com port 443: Timed out 及 ping github.com请求超时
- vue的provide和inject特性
- 采购中心如何高效管理供应商的质量?
- 经常用电脑辐射大怎么办?
- FPGA之CRC校验
- AWVS安装与使用(最新版2022.12.27更新)
热门文章
- indesign2020突然闪退_Adobe Photoshop 2020打不开,总是闪退,罪魁祸首在这里
- Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again
- android input鼠标坐标,android - 如何在EditText中设置光标位置?
- python源码多平台编译_ubuntu编译python源码的坑
- 图论--一般带花树匹配
- STL常用对象,不会搞得C++跟没学一样
- pl/sql中文显示为乱码解决
- android人脸识别技术浅析
- 端到端机器学习_端到端机器学习项目:评论分类
- 本次奔驰漏油事件,要花多少钱打广告才能弥补损失?