Ext 介绍入门之 Manual:Core:Ext.Ajax 类

最新推荐文章于 2025-09-11 14:12:58 发布

weixin_30322405

最新推荐文章于 2025-09-11 14:12:58 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

文章标签： json php javascript ViewUI

原文链接：http://www.cnblogs.com/China-Dragon/archive/2010/05/07/1730173.html

本文详细介绍了Ext.Ajax类的功能及使用方法，包括如何执行AJAX请求，使用明文编码或解码JSON对象等强大扩展方法。此外还提供了简单的示例代码及如何将服务器响应的文本转换为JSON格式。

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..
	url :  , 
	params :  action :  ,
	method: ,
	success:   result, request   
		Ext.., + 
                                        result.; 
,
	failure:   result, request  
		Ext.., +action.; 
 
;

PHP服务器端:


<?php
 
  ==  
 ;

 
?>

进阶例子 - 转换.responseText结果到JSON

HTML + javascript

<div>
	这里是一个简单的请求。
</div>
<div id=></div>
<textarea id= cols= rows=></textarea>
 
<script type=>
 doJSONstringData 
 
 jsonData = Ext...stringData;
			Ext..,  + jsonData.;

 err 
			Ext..,  + stringData;


 
 doAjax 
		Ext..
			url :  , 
			params :  action :  ,
			method: ,
			success:   result, request  
 textArea = Ext..;
				textArea. += result. + ; 

				doJSONresult.;
,
			failure:   result, request  
				Ext.., +result.; 
 
;

 
 button =  Ext., 
		text: ,
		handler: doAjax
;
</script>