我們經(jīng)常需要通過ajax向后端請求數(shù)據(jù),而json是常見的數(shù)據(jù)格式之一,下面就來介紹一下如何使用$.ajax發(fā)送json請求。
首先,我們需要準(zhǔn)備一些json數(shù)據(jù),格式如下:
var jsonData = { "name": "John", "age": 30, "city": "New York" };
接下來,我們通過$.ajax方法發(fā)送請求:
$.ajax({ url: "backend.php", //后端接口地址 type: "POST", //請求類型 dataType: "json", //返回數(shù)據(jù)類型 data: jsonData, //要發(fā)送的數(shù)據(jù) success: function(data) { //請求成功,data為后端返回的json數(shù)據(jù) console.log(data); }, error: function(jqXHR, textStatus, errorThrown) { //請求失敗 console.log(textStatus + ": " + errorThrown); } });
其中,url為后端接口地址,type為請求類型,dataType為返回數(shù)據(jù)類型,data為要發(fā)送的json數(shù)據(jù)。如果請求成功,success函數(shù)將會被調(diào)用,參數(shù)data為后端返回的json數(shù)據(jù),如果請求失敗,error函數(shù)將會被調(diào)用,參數(shù)jqXHR為請求對象,textStatus為錯誤狀態(tài),errorThrown為錯誤信息。
注意:如果要發(fā)送跨域請求,需要在后端接口中設(shè)置Access-Control-Allow-Origin頭信息。
上一篇用css制作長方形
下一篇用css制作魔方動畫