在前端開發(fā)中,經常需要使用Ajax來進行異步數據交互。而在這其中,JSON格式的數據往往是非常常見的。使用jQuery的$.ajax方法可以輕松地獲取或發(fā)送JSON數據。下面我們來詳細介紹如何使用$.ajax方法來獲取JSON數組。
$.ajax({ url: 'data.json', //請求的URL地址 type: 'GET', //請求方式 dataType: 'json', //請求數據的格式 success: function(data){ //成功回調函數 if(data && data.length >0){ //判斷是否有數據 for(var i = 0; i< data.length; i++){ //遍歷數組 console.log(data[i].name + ': ' + data[i].age); //輸出姓名和年齡 } } else { console.log('無數據'); } }, error: function(){ //錯誤回調函數 console.log('請求失敗'); } });
在上面的代碼中,我們使用了$.ajax方法來請求名為"data.json"的JSON數據。參數"dataType"被設置為"json",這會讓jQuery自動把服務器響應的內容按照JSON格式解析。如果請求成功且返回的數據長度大于0,就會遍歷這個JSON數組并輸出每個元素的姓名和年齡。如果請求失敗,就會執(zhí)行錯誤回調函數并輸出"請求失敗"。
需要注意的是,如果請求不是從服務器上獲取的(比如從本地文件中讀取),那么需要在Ajax請求的頭部添加Content-Type: application/json
。如果不加這個頭,將返回錯誤信息“Origin null is not allowed by Access-Control-Allow-Origin.”