資訊專欄INFORMATION COLUMN
摘要：下邊舉個例子，大家就明白了好了，請上我們的兩位同學，小明和胖虎，你們就不用發言了，我會以的形式介紹你們的情況和個人癖好，請坐。
先介紹js的FormData，FormData是XMLHttpRequest Level 2新增的一個接口，利用FormData對象,我們可以通過JavaScript用一些鍵值對來模擬一系列表單控件,我們還可以使用ajax方法來異步的提交這個"表單".使用FormData的最大優點就是我們可以異步上傳一個二進制文件.
這里說下FormData的append方法，
void append(DOMString name, Blob value, optional DOMString filename); void append(DOMString name, DOMString value);參數值
字段名稱.
字段值.可以是,或者一個字符串,如果全都不是,則該值會被自動轉換成字符串.
(可選) 指定文件的文件名,當value參數被指定為一個Blob對象或者一個File?接口提供有關文件的信息，并允許網頁中的 JavaScript 訪問其內容。")對象時,該文件名會被發送到服務器上,對于Blob對象來說,這個值默認為"blob".
這里要注意下value字段，如果你要填入的是一個對象，會將它轉換成字符串，也就是最后傳給后臺的都是[object object]，這樣后臺當然是無法解析的。下邊舉個例子，大家就明白了
好了，請上我們的兩位同學，小明和胖虎，你們就不用發言了，我會以json的形式介紹你們的情況和個人癖好，請坐。
var json=[
{"name":"小明","age":15,"skills":["抽煙","喝酒","燙頭"],"family":{"father":"大明","mohter":"小紅"}},
{"name":"胖虎","age":17,"skills":["打架","打架","還是打架"],"family":{"father":"佐藤","mohter":"愛田"}},
]
首先我們先試一下，把小明的family對象傳給后臺。
var data=new FormData()
data.append("family",json[0].family)
$.ajax({
url:"demo.php",
type: "Post",
dataType: "json",
cache: false,//上傳文件無需緩存
processData: false,//用于對data參數進行序列化處理 這里必須false
contentType: false, //必須
data:data,
success:function (res) {
console.log(res);
},
error:function (error) {
console.log(error);
}
})
結果：
被解析成了object object，有人該說了，你把它用JSON.stringify序列化之后不就行了，然后后端配合，再解碼成json，對，這樣確實行，但不要忘了，咱們還是需要傳文件流的，文件流被序列化之后會被轉化成一個空對象，這樣后臺就無法識別。由于時間原因，這里就不演示反面案例了。
這里我們要用兩個語法
1.a["b"]等于a.b
2.c[0]取得是c數組的第一項
正確方法：
