如何在extjs中調用ajax並在div內顯示json值？

Question

我是新的extjs。我需要知道如何在extjs中調用ajax，並在div內顯示json值。我不需要使用電網..

Answer 1

我已經使用過類似的東西。

$.getJSON('somepathtoserver/somefile.php?callback?', variable,function(res){ 

}); 

在somefile.php中，我有一個回調函數，它處理並返回值給js函數。

這樣的：

{ 
    echo $_GET['callback']. '(' . "{'someValue' : $calculatedVariable}" . ')'; 
} 

從一臺服務器試圖AJAX到不同的服務器，這是我在這裏並不僅僅是直AJAX請求使用JSON的原因時，這是非常棘手，但非常有用的。

Answer 2

在ExtJS中，您將不得不使用Ext.Ajax類對遠程服務器進行ajax調用。下面是一個顯示如何做到這一點的典型代碼：

Ext.Ajax.request({ 
    url: 'ajax_demo/sample.json', 
    success: function(response, opts) { 
     var obj = Ext.decode(response.responseText); 
     console.dir(obj); 
    }, 
    failure: function(response, opts) { 
     console.log('server-side failure with status code ' + response.status); 
    } 
}); 

在HTTP成功（200 OK）的情況下，控制會成功的回調，而我們要做的第一件事情裏面解碼響應。 responseText將爲您提供來自後端數據源的JSON響應。

一旦你有代碼的JSON，你可以自由地格式化它並將其添加到任何元素（對你的情況說一個div）。如果你想在添加之前很好地格式化JSON數據，你可以使用Template/XTemplate來完成。