Ajax是一種用于動態(tài)獲取和更新頁面內容的技術，它可以通過異步請求與服務器通信，從而避免了頁面的重新加載。在實際的應用中，很多時候我們需要獲取服務器返回的數據，其中一種常見的數據格式是JSON。本文將介紹如何使用Ajax來返回JSON數據。通過舉例說明，我們將詳細探討如何完成這一過程。 首先，我們需要使用Ajax發(fā)送一個請求給服務器，并告知服務器我們需要返回的數據類型是JSON。代碼示例如下所示： ```html``` 上述代碼中，我們創(chuàng)建了一個XMLHttpRequest對象`xhr`，并使用`open`方法指定了請求的類型、地址和是否異步。然后，我們通過`setRequestHeader`方法設置請求頭的`Content-Type`為`application/json`，這樣服務器就知道我們需要返回的數據類型是JSON。接著，我們對`xhr`對象的`onreadystatechange`事件進行監(jiān)聽，當請求完成且狀態(tài)為200時，說明我們已經成功獲取到了服務器返回的JSON數據。在這里，我們使用`JSON.parse`方法將JSON字符串轉換為JavaScript對象，方便后續(xù)的數據處理。在上述代碼中，我們僅僅將返回的JSON數據輸出到控制臺，實際應用中，我們可以根據業(yè)務需求對數據進行相應的處理。 以一個登陸系統(tǒng)為例，當用戶輸入用戶名和密碼點擊登陸按鈕時，我們可以使用Ajax來發(fā)送登陸請求，并獲取服務器返回的JSON數據來判斷登陸是否成功。代碼示例如下： ```html``` 上述代碼中，我們創(chuàng)建了一個XMLHttpRequest對象`xhr`，并使用`open`方法指定了請求的類型、地址和是否異步。然后，我們通過`setRequestHeader`方法設置請求頭的`Content-Type`為`application/json`，這樣服務器就知道我們需要返回的數據類型是JSON。接著，我們對`xhr`對象的`onreadystatechange`事件進行監(jiān)聽，當請求完成且狀態(tài)為200時，說明我們已經成功獲取到了服務器返回的JSON數據。在這里，我們使用`JSON.parse`方法將JSON字符串轉換為JavaScript對象，獲取到服務器返回的結果。如果`response.success`為真，說明登陸成功，我們可以根據業(yè)務需求將頁面跳轉到用戶主頁；如果`response.success`為假，說明登陸失敗，我們可以在頁面上顯示錯誤信息。在這里，我們還使用了`JSON.stringify`方法將`loginInfo`對象轉換為JSON字符串，以便將其發(fā)送到服務器。 通過以上兩個例子，我們了解了如何使用Ajax來獲取服務器返回的JSON數據。通過發(fā)送異步請求和設定返回的數據類型為JSON，我們可以方便地在前端頁面與服務器進行數據交互。這種方式不僅可以提高用戶的體驗，還可以使應用程序更加高效和靈活。