在使用JQuery操作DOM時,經(jīng)常需要將JQuery對象轉(zhuǎn)換成JSON對象。這個過程非常簡單,只需使用JQuery自帶的方法“JSON.stringify()
”即可。
$("p").click(function(){ var jsonObject = {}; jsonObject.text = $(this).text(); jsonObject.color = $(this).css("color"); var jsonString = JSON.stringify(jsonObject); console.log(jsonString); });
上面的代碼演示了將選中的
標簽的文本內(nèi)容和顏色以JSON格式輸出控制臺。
這里需要注意幾點:
- 需要先創(chuàng)建一個空的JSON對象。
- 使用JQuery方法獲取需要轉(zhuǎn)換的屬性,并將其存儲在JSON對象中。
- 使用
JSON.stringify()
將JSON對象轉(zhuǎn)換為JSON字符串。
需要注意的是,JSON.stringify()
方法只能將JSON對象轉(zhuǎn)換成JSON字符串,而不能將JQuery對象直接轉(zhuǎn)換成JSON字符串。
在使用JQuery進行Ajax請求時,還需要將JSON字符串轉(zhuǎn)換成JSON對象傳遞給后臺:
$.ajax({ type: "POST", url: "example.php", data: jsonString, dataType: "json", success: function(data){ console.log(data); } });
這里的data參數(shù)將接收到從后臺返回的JSON字符串,并通過dataType: "json"
參數(shù)指定了將其轉(zhuǎn)換成JSON對象。
總的來說JQuery中JSON對象和字符串之間的轉(zhuǎn)換非常簡單,只需要熟練掌握JSON.stringify()
和JSON.parse()
兩個方法即可快速完成。
下一篇淘寶css3導航