天天看點

html5 formdata對象,FormData 對象的使用

使用FormData送出表單執行個體:

1)建立一個表單

Title:

Synopsis:

Img:

2)送出表單

//建立FormData對象

var formObj = $("#form")[0];

//var formObj = document.getElementById("form");//同上

var formData = new FormData(formObj);//執行個體化FormData對象,傳入表單對象,注意FormData大小寫

//ajax發送表單資料到背景

$.ajax({

url: "xx.php",

type: 'POST',

data: formData,

dataType: "JSON",

async: false,

cache: false, //不緩存

processData: false, //jquery不要去處理發送的資料

contentType: false, //jquery不要去設定Content-type請求頭

success: function(data) {

//

}

})

3)ajax送出後,可以通過F12 Network找到本次請求

在Headers的最底部可以看到發送的資料

html5 formdata對象,FormData 對象的使用

4)背景接收

PHP列印

print_r($_FILES);

print_r($_POST);

html5 formdata對象,FormData 對象的使用

成功擷取到了表單中的資料。

5)背景處理

balabalabala…

背景處理并傳回處理結果