在Web開發(fā)中，我們常常需要進行前后端的數(shù)據(jù)交互。傳統(tǒng)的方法是使用form表單提交數(shù)據(jù)，但是隨著前端技術的發(fā)展，現(xiàn)在我們更傾向于使用AJAX進行數(shù)據(jù)交互。

在AJAX中，我們通常傳遞JSON數(shù)據(jù)，而Chrome瀏覽器提供了一個非常實用的工具——ext。ext圖形界面簡單易用，能夠提高調(diào)試效率。

下面我們來介紹如何在ext中傳遞JSON數(shù)據(jù)。首先，我們需要打開開發(fā)者工具的“Network”選項卡，在右側(cè)可以看到“XHR”選項。

Ext.Ajax.request({
url: 'example.php',
method: 'POST',
jsonData: {
name: 'Peter',
age: 20,
gender: 'male'
},
success: function(response){
console.log(response.responseText);
},
failure: function(response){
console.log('failed');
}
});

在這段代碼中，我們使用Ext.Ajax.request方法，其中url表示需要發(fā)送請求的地址，method表示請求的方法（可以是GET或POST），jsonData表示需要傳遞的JSON數(shù)據(jù)。

在成功或失敗后，我們可以使用success或failure方法進行回調(diào)，這里的response是一個對象，我們可以通過response.responseText來獲取服務器返回的數(shù)據(jù)。

使用ext發(fā)送JSON數(shù)據(jù)，不僅可以簡化代碼，還能讓我們更加直觀地了解數(shù)據(jù)交互的細節(jié)，提高我們的開發(fā)效率。