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

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/250045.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/250045.shtml
英文地址，請注明出處：http://en.pswp.cn/news/250045.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！