Question

我是extjs的新手。我需要知道如何在extjs中调用ajax并在div中显示json值。我不需要使用网格..

Answer 1

在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），控件将进入成功回调，我们要做的第一件事是解码response.responseText，它将为您提供来自后端数据的JSON响应源。

一旦你有了JSON的代码，你就可以自由地格式化它并将它添加到任何元素（比如你的div中的div）。如果您想在添加之前很好地格式化JSON数据，可以使用Template / XTemplate来实现。

Answer 2

我使用过这样的东西。

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

});

在somefile.php中，我有一个回调函数，它处理并将值返回给js函数。

像这样：

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

这很棘手，但是当尝试从一个服务器到另一个服务器的ajax时非常有用，这就是我在这里使用JSON而不仅仅是一个直接的AJAX请求的原因。

如何在extjs中调用ajax并在div中显示json值？

2 个答案: