在前端開發(fā)中,我們經(jīng)常會(huì)用到 AJAX 對(duì)象來實(shí)現(xiàn)網(wǎng)頁(yè)與服務(wù)器之間的數(shù)據(jù)交互。而在 AJAX 發(fā)送請(qǐng)求時(shí),常常需要將 JavaScript 對(duì)象轉(zhuǎn)換成 JSON 格式的字符串,才能夠通過網(wǎng)絡(luò)傳輸?shù)椒?wù)器端。下面就來介紹 AJAX 對(duì)象如何轉(zhuǎn)換 JSON。
// 定義一個(gè) JavaScript 對(duì)象 var myObj = { name: '小明', age: 18, gender: '男' }; // 使用 JSON.stringify() 方法將對(duì)象轉(zhuǎn)換成 JSON 字符串 var jsonString = JSON.stringify(myObj); // 輸出結(jié)果 console.log(jsonString); // {"name":"小明","age":18,"gender":"男"}
上述代碼中,我們首先定義了一個(gè) JavaScript 對(duì)象 myObj,包含了三個(gè)屬性:name、age 和 gender。然后使用 JSON.stringify() 方法把這個(gè)對(duì)象轉(zhuǎn)換成了一個(gè)字符串。將轉(zhuǎn)換后的結(jié)果輸出到控制臺(tái),可以看到輸出的是一個(gè) JSON 格式的字符串。
另外,如果我們需要將 JSON 字符串轉(zhuǎn)換成 JavaScript 對(duì)象,可以使用 JSON.parse() 方法,如下所示:
// 定義一個(gè)包含 JSON 格式字符串的變量 var jsonStr = '{"name":"小明","age":18,"gender":"男"}'; // 使用 JSON.parse() 方法將 JSON 字符串轉(zhuǎn)換成 JavaScript 對(duì)象 var jsonObj = JSON.parse(jsonStr); // 輸出結(jié)果 console.log(jsonObj); // {name: "小明", age: 18, gender: "男"}
上述代碼中,我們定義了一個(gè)包含 JSON 格式字符串的變量 jsonStr,然后使用 JSON.parse() 方法將字符串轉(zhuǎn)換成了一個(gè) JavaScript 對(duì)象。最后將轉(zhuǎn)換后的結(jié)果輸出到控制臺(tái),可以看到輸出的是一個(gè)包含三個(gè)屬性的對(duì)象。