jquery Ajax上傳資料格式

2021-10-24 21:38:26 字數 758 閱讀 4726

今天琢磨了一下前後端分離的專案中jquery   ajax上傳資料,後端接收的問題

1、採用formdata,這種可以用來直接上傳檔案,後端用來 postform 獲取資料

//建立form表單

var formdata = new formdata

//獲取檔案物件

var file = document.getelementbyid("upload").files[0]

//獲取值

var text = $("#txt").val()

//組裝資料

$.ajax(,

error:function(response)

})})

2、也有一下格式,但是實際上還是form表單格式,用 postform接收

$.ajax(,			//這裡的data:傳送給伺服器的請求資料

success:function(data),

error:function(response)

})})

3、想後端上傳json資料,是傳送json字串,不是json物件,這時用    c.bindjson(&user)  接收

$.ajax(),			//這裡的data:傳送給伺服器的請求資料

success:function(data),

error:function(response)

})})

參考文章:

使用JQuery ajax上傳檔案

src class file input type file id file upload btn uploadbutton function error function xhr,textstatus,errorthrown 注意在ajax須將contenttype和processdata設定為f...

jQuery ajax實現檔案上傳

我在寫jquery介面上傳檔案的時候,遇到乙個特頭疼的問題,那就是上傳,剛開始那我以為乙個簡單的form表單就搞定了,沒想到寫了兩個小時都沒寫出來,心情那個煩躁啊,有一種想砸電腦的衝動,最後那我就用下面的方法實現了這個功能,突然發現好簡單,分享給大家!廢話不多說,直接上乾貨,走起。html 段typ...

jquery ajax非同步上傳檔案顯示進度條

前言 今天專案中加了乙個上傳檔案加進度條的需求,我就搞了一下。時間寶貴不多說,直接進入正題。非同步上傳檔案是要用到ajax裡的乙個小的知識點 xhr xml http request 乙個物件,xhr物件也是ajax乙個核心。關於使用它也很簡單 就四步 下面這樣寫也可以向後端進行傳送請求 var x...