Как сделать вызов ajax в extjs и отобразить значение json внутри div?

Question

Я новичок в extjs. Мне нужно знать, как сделать вызов ajax в extjs и отобразить значения json внутри div. Мне не нужно использовать сетку ..

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 в вашем случае). Если вы хотите отформатировать данные JSON перед добавлением, вы можете сделать это с помощью Template / XTemplate.

Answer 2

Я использовал что-то вроде этого.

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

});

В файле somefile.php у меня есть функция обратного вызова, которая обрабатывает и возвращает значение функции js.

следующим образом:

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

Это сложно, но очень полезно при попытке перейти с одного сервера на другой сервер, поэтому я здесь использую JSON, а не просто прямой запрос AJAX.