JavaScript中的Ajax技術十分常用,而其中的$.ajax方法更是一種簡單而強大的HTTP請求方法。其中,傳json數據特別常見,下面介紹一下如何使用$.ajax傳json數據。
在$.ajax方法中,通過設置類型(type)、URL、數據(data)、請求成功后的回調函數(success)等參數,可以發送一個帶有json數據的HTTP請求:
$.ajax({ type: "POST", url: "/example.json", data: { name: "John", location: "Boston" }, success: function(data){ console.log(data); } });
在這個例子中,我們通過一個POST請求發送了一個含有name和location兩個鍵值對的json對象,成功后的回調函數中輸出了服務器返回的數據。需要注意的是,由于我們傳輸的是json格式,所以服務器返回的數據也應該是json數據格式,否則會報錯。
當然,如果我們需要發送到的數據本身就是json格式,也可以直接傳入一個json對象:
var jsonData = { name: "John", location: "Boston" }; $.ajax({ type: "POST", url: "/example.json", data: JSON.stringify(jsonData), success: function(data){ console.log(data); } });
這里需要用到JSON.stringify方法將json對象轉換為字符串格式,這樣才能正確地發送到服務器。在成功后的回調函數中,我們仍然可以將服務器返回的數據解析為json對象。
總之,$.ajax方法傳輸json數據的方式十分簡單,只需要設置好相應的參數即可,是一種非常實用的方法。