Ext.Ajax类

阅读更多

Ext.Ajax类是一个简单而清晰的XHR封装器，允许你快速而有效地执行AJAX请求。在本教程中，我们将会讨论除了公共方法request()外，还有怎么使用明文报码（Cleat Text）或解码JSON对象的强大扩展方法。

配置项对象
已经全部归档到Ext.Ajax Class Doc

配置项  类型 

url  字符类型  必须的 
params  已编码JSON的对象  可选的 
method  'GET' 或 'POST'  可选的 
success  匿名函数对象或已声明好的函数  必须的 
failure  匿名函数对象或已声明好的函数  必须的 
timeout  XHR超时的毫秒数  可选的 

成功、失败的条件
success和failure这两个函数对象由配置项参数config负责传入。简单地说，我们会调用第一个 result 和第二个request。

结果对象产生的属性
result.responseText是由web服务器根据响应返回的明文报码。如果你有返回文本的100％控制权，并且是JSON格式的数据，那么你应该通过Ext.util.JSON.decode()函数来解码对象。个人更倾向于从服务器返回JSON数据。

如果服务器的响应的由类自动检测的话，result.responseXML 多用于包含有效的XML数据。




请求对象之属性
执行不同的动作（Action）会使用所有列出的属性。此时我还没需要用到这些属性。



简单的例子
下面的例子会执行一个请求和完成Ext.MessageBox.alert

JavaScript:

Ext.Ajax.request({ url : 'ajax.php' ,  params : { action : 'getDate' }, method: 'GET', success: function ( result, request ) {   Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText);  }, failure: function ( result, request) {   Ext.MessageBox.alert('Failed', 'Successfully posted form: '+action.date);  } });PHP服务器端:

// ajax.php 进阶例子 - 转换.responseText结果到JSON
HTML + javascript

这里是一个简单的请求。

PHP 服务器端