JS ajax请求 formData传参方式

 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。

原文地址：https://www.cnblogs.com/jichuang/p/9228145.html

时间： 2024-11-10 13:52:22

JS ajax请求 formData传参方式的相关文章

vue请求中 post get传参方式是不同的哦

我在学习vue,项目中post请求,get请求都用到了,我发现传参方式是不一样的. post请求的例子: checkin (){ this.$http.post('my url',{ mobilePhone:this.phone, password:this.password },{ emulateJSON: true } ).then(function(res){ this.$root.userid=res.data.userid; console.log(this.$root.userid)

原生js中用Ajax进行get传参

原生js中用Ajax进行get传参案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> input{ width:600px; height:50px; display:block; } </style> </head> <body> <input ty

js ajax请求传token

js ajax请求传token 方法一: headers: { Authorization: "BasicAuth " + token } 方法二: beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', 'BasicAuth ' +token); } 原文地址:https://www.cnblogs.com/zlp520/p/9645951.html

SpringMVC的五种请求传参方式

1.传统传参方式方法参数中使用request,通过request.getParameter("参数名"),再封装到bean中 @RequestMapping("/test01") public ModelAndView test01(HttpServletRequest request){ String username = request.getParameter("username"); String password = request.

Javaweb的七大传参方式和以及各自特点

学习jsp一段时间,觉得还是需要把自己学习一些东西整理了一下,第一次发东西,还请各位多多支持 1.表单提交 html自带的from方法,简单易懂,便于操作,依靠于<from>标签中的type="submit"进行表单传输,或者根据js进行控制提交表单.其中由method属性决定以post或者get方式进行提交. jsp代码: 1 <form id="test" action="testservlet" method="

Web API中的传参方式

在Restful风格的WebApi的里面,API服务的增删改查,分别对应着Http Method的Get / Post / Delete /Put,下面简单总结了Get / Post /Delete /Put的传参方式一.Get传参 get设计成传输小数据,而且最好是不修改服务器的数据,所以浏览器一般都在地址栏里面可以看到,数据放在url的QueryString中. (一)简单类型 $(function () { $.ajax({ type: 'get', url:'http://localh

SSM框架下,使用ajax请求上传文件(doc\docx\excel\图片等)

1.准备工作 1.1.添加上传必要jar包 <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> <dependency> <groupId>commons-fileupload</groupId>

JS XMLHttpRequest.upload.addEventListener 传参，回调

JS 回调函数,传参的办法. function uploadFile(t) { var fd = new FormData(); fd.append("_netLogo", document.getElementById('_netLogo').files[0]); var xhr = new XMLHttpRequest(); // 原来 xhr.upload.addEventListener("progress", uploadProgress, false);

解决:SpringCloud中Feign支持GET请求POJO传参

在日常的开发中,当遇到一个请求需要传递多个参数时,我们习惯将参数封装到一个POJO对象中,已提高程序的可读性和简化编写.但是在使用SpringCloud时,Feign对SpringMVC注解支持并不完善,其中一点就是,当发送的GET请求携带多个参数时,不能使用POJO来封装参数,这个就比较蛋疼了.一种使之支持GET请求POJO传递参数的方法如下: 添加Maven依赖 <dependency> <groupId>org.springframework.cloud</groupI