2012-01-09 4 views
1

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

+0

Что вы пробовали? Вы когда-либо использовали технику ajax изначально в javascript? – jamesTheProgrammer

ответ

-1

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

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

}); 

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

так:

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

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

4

В 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.

Смежные вопросы