(該文章長度超過800字，暫不能提供完整的翻譯。以下是文章片段，希望對您有所幫助！)

AJAX（Asynchronous JavaScript and XML）是一種在 Web 開發(fā)中常用的技術(shù)，它可以實現(xiàn)無需刷新整個頁面的數(shù)據(jù)交互。JSONP（JSON with Padding）和 JSON（JavaScript Object Notation）是 AJAX 技術(shù)中常用的格式。本文將介紹 AJAX、JSONP 和 JSON 的概念，并舉例解釋它們在實際開發(fā)中的應(yīng)用。

AJAX 是一種基于 JavaScript 和 XML 的技術(shù)，它可以在后臺與服務(wù)器進行數(shù)據(jù)交互，局部刷新網(wǎng)頁內(nèi)容而無需整個頁面刷新。這種技術(shù)可以極大地提升用戶體驗，例如在一個購物網(wǎng)站中，用戶可以使用 AJAX 在購物車頁面添加商品時，無需刷新整個頁面即可顯示最新的購物車內(nèi)容。

// AJAX 示例代碼
function loadCart() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/cart', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理返回的數(shù)據(jù)
} else {
// 處理錯誤
}
}
};
xhr.send();
}

JSONP 是一種克服 AJAX 跨域限制的技術(shù)。由于安全原因，瀏覽器限制了使用 AJAX 進行跨域請求。JSONP 利用了網(wǎng)頁中可以直接引用外部腳本的特性，通過添加一個 <script> 標簽來請求返回的數(shù)據(jù)，并使用一個回調(diào)函數(shù)來處理返回的數(shù)據(jù)。

// JSONP 示例代碼
function loadWeather() {
var script = document.createElement('script');
script.src = 'https://api.weather.com/?callback=processWeather';
document.head.appendChild(script);
}
function processWeather(data) {
// 處理返回的數(shù)據(jù)
}

JSON 是一種輕量級的數(shù)據(jù)交換格式，它使用易于閱讀和編寫的文本格式進行數(shù)據(jù)的存儲和傳輸。在 AJAX 技術(shù)中，通常將服務(wù)器返回的數(shù)據(jù)格式設(shè)置為 JSON，便于在前端進行處理。一個典型的 JSON 格式如下所示：

{
"name": "John",
"age": 30,
"email": "john@example.com"
}

通過 AJAX 獲取的 JSON 數(shù)據(jù)可以使用 JavaScript 的 JSON.parse() 方法進行解析，并在前端進行動態(tài)更新。

// 解析 JSON 示例代碼
var jsonString = '{"name": "John","age": 30,"email": "john@example.com"}';
var data = JSON.parse(jsonString);
console.log(data.name); // 輸出 John

總結(jié)來說，AJAX、JSONP 和 JSON 都是在 Web 開發(fā)中常用的技術(shù)。AJAX 可以實現(xiàn)無需刷新整個頁面的數(shù)據(jù)交互，JSONP 可以克服跨域限制，JSON 則是一種輕量級的數(shù)據(jù)交換格式。這些技術(shù)在現(xiàn)代的 Web 應(yīng)用程序中廣泛應(yīng)用，使用戶體驗更加流暢且具有良好的互動性。