從Jquery JSON獲取響應

Question

我無法從我的php jquery/json/ajax獲得響應。我一直將所有這些不同的教程組合在一起，但我仍然無法將它們全部合併在一起，因爲沒有一個教程遵循我所要做的。

現在我想傳遞兩個數組（因爲沒有簡單的方法可以將關聯數組傳遞給我的jquery ajax函數並且只是提醒它）。這裏是我的代碼：

PHP

$names = array('john doe', 'jane doe'); 
$ids = array('123', '223'); 

$data['names'] = $names; 
$data['ids'] = $ids; 

echo json_encode($data); 

jQuery的

function getList(){ 
    $.ajax({ 
     type: "GET", 
     url: 'test.php', 
     data: "", 
     complete: function(data){ 
      var test = jQuery.parseJSON(data); 
      alert(test.names[0]); 
      alert("here"); 
     } 
    }, 
     "json"); 
} 
getList(); 

在我的HTML文件中的所有我真的打電話是我的調試目的JavaScript文件。我知道我正在返回一個對象，但我在我的名字部分出現空值的錯誤，我不知道爲什麼。我錯過了什麼？

我的PHP文件返回

{"names":["john doe","jane doe"],"ids":["123","223"]} 

這似乎是剛剛結束在這裏 Uncaught TypeError: Cannot read property '0' of undefined 所以我sub0是我的命。

Answer 1

你可以概率使用$.getJSON門面是jQuery提供，這將設置所有標準的JSON請求所需的AJAX PARAMS：

$.getJSON('test.php', function(response) { 
    alert(response.names[0]); // john doe 
}); 

但是我認爲這個問題的途徑是1）您的服務器可能沒有返回正確的響應代碼和/或正確的標題（即：JSON數據） - 但上述方法至少對後者應該強制得出這個結論。

請參見：http://api.jquery.com/jQuery.getJSON

Answer 2

您應該在單個對象中傳遞ajax（）函數的所有參數。所以，應該有「dataType」選項。另外，如果您明確設置數據類型，jQuery將爲您解析JSON數據。完成回調將收到解析的JavaScript對象作爲參數。

function getList() { 
    $.ajax({ 
     type: "GET", 
     url: 'test.php', 
     data: "", 
     dataType: "json", 
     success: function(test) { 
      alert(test.names[0]); 
      alert("here"); 
     } 
    }); 
} 

Answer 3

它看起來像問題是，你正在使用的不是成功的回調完成回調：

function getList(){ 
    $.ajax({ 
     type: "GET", 
     url: 'test.php', 
     data: "", 
     success: function(data) { /* success callback */ 
      var test = jQuery.parseJSON(data); 
      alert(test.names[0]); 
      alert("here"); 
     } 
    }, 
    "json"); 
} 
getList(); 

從jQuery AJAX文檔：

成功（數據，textStatus， jqXHR）

如果請求成功，將被調用的函數。該函數傳遞三個參數：從服務器返回的數據，根據dataType參數進行格式化;描述狀態的字符串;和jqXHR（在jQuery 1.4.x，XMLHttpRequest）對象中。從jQuery 1.5開始，成功設置可以接受一系列函數。每個函數都會依次調用。這是一個Ajax事件。

完整（jqXHR，textStatus）

甲功能的請求完成（成功和錯誤回調之後被執行）時被調用。該函數獲得兩個參數：jqXHR（在jQuery 1.4.x中，XMLHTTPRequest）對象和一個字符串，用於分類請求的狀態（「成功」，「未修改」，「錯誤」，「超時」，「中止」或「parsererror」）。從jQuery 1.5開始，完整的設置可以接受一組函數。每個函數都會依次調用。這是一個Ajax事件。

Answer 4

jQuery想知道什麼樣的數據期望作爲響應，否則它不會知道如何解析它。

因此，正如在此之前所說的，您使用dataType = 'json'屬性告訴jQuery。

function getList() { 
    $.ajax({ 
     type: "GET", 
     url: 'test.php', 
     data: "", 
     dataType: "json", 
     success: function(data) { 
      console.log(data); 
     } 
    }); 
} 

最重要的是讓PHP將其內容呈現爲json而不是html。通過在PHP腳本中輸出任何內容之前設置header('Content-type: application/json');來爲此使用標題。所以：

$names = array('john doe', 'jane doe'); 
$ids = array('123', '223'); 

$data['names'] = $names; 
$data['ids'] = $ids; 

header('Content-type: application/json'); 

echo json_encode($data);