ExtJS之Ext.Ajax.request用法

cyjxyx

浏览: 83915 次

最近访客更多访客>>

erics

a410688531

灿烂闪电

牧夫天文

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ext.Ajax.request

Java代码

Ext.Ajax.request({
url:'findbyid.action',
params:{
id:cell.getId()
},
success: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
name=respText.name;
oid=respText.id;
findbyid(graph,cell,oid,name);
//Ext.Msg.alert('错误', respText.name+"====="+respText.id);
},
failure: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('错误', respText.error);
}
})

在Ext开发过程中，基本上时刻需要用到异步请求，那么这个请求到底是怎么执行的呢，我们接下来来探讨下

首先：Ext.Ajax类继承了Ext.data.Connection，为Ajax的请求提供了最大灵活性的操作方式

再简单请求基础上我们加上一个使用的

说明的是这种请求通常都是放在触发某个事件的处理方法中的

url:就是我们要请求的路径

params:里面的参数用逗号隔开，就是我们要发出请求带的参数

success:是服务器处理成功返回

failure:是服务器处理失败返回

重点讲的就是如何处理返回值信息，我们的resp这个参数就显得非常重要了

resp是Ext构造的一个返回结果对象，如服务器端返回“this is a test！”（可以通过throw new Exception("this is a test!")简单实现)。那么返回将是

如下内容：

Java代码 




 
<span style="font-size: medium;">tId.1  
status.200  
statusText.OK  
getResponseHeader.[object Object]  
getAllResponseHeaders.Server: Apache-Coyote/1.1  
Content-Type: text/html;charset=GBK  
Content-Language: zh-CN  
Content-Length: 108  
Date: Wed, 31 Oct 2007 12:51:23 GMT  
responseText.  
<html>  
<head>  
<title>错误</title>  
</head>  
<body>  
  <h1>错误：this is a test!</h1>  
</body>  
</html>  
responseXML.  
argument.undefined</span>  

从上面结果可以看出来，最开始是一些状态属性，我们也不常用，不管他。里面真正常用的是responseText与responseXML两个属性，那么这里面的responseText内容又被Ext用html包装了，但使用Ext.MessageBox展示出来正合适；reponseXML将在服务器端返回“text/xml”类型时使用。若服务器端返回是“text/json”类型时，客户端需要使用obj= Ext.util.JSON.decode(result.responseText);进行构造json对象，然后就可以正常使用了

具体操作返回值我们用JSON就这么写

ServletActionContext.getResponse().setContentType("text/json; charset=utf-8");

ServletActionContext.getResponse().getWriter().write("{success:true,info:'更新信息成功',name:'" + oo.getName() + "',id:'" + id + "'}");

显然我这里返回的是JSON的值了(记住里面的属性值一定要加单引号)

var respText = Ext.util.JSON.decode(resp.responseText);

这个就可获得返回结果对象，要使用属性的话respText.id等都可直接用了

说到这里如果还想对这里面其他配置感兴趣的话可以参考下面的语句

url : String/Function (Optional)

（可选项）发送请求的url，默认为配置的url。若为函数类型那么其作用域将由配置项scope所指定。默认为配置好的URL。 The URL to which to send the request, or a function to call which returns a URL string. The scope of the function is specified by the scope option. Defaults to configured URL.

params : Object/String/Function （可选项）(Optional)

一包含属性的对象（这些属性被用作request的参数）或一个编码后的url字串或一个能调用其中任一一属性的函数。若为函数类型那么其作用域将由配置项scope所指定。 An object containing properties which are used as parameters to the request, a url encoded string or a function to call to get either. The scope of the function is specified by the scope option.

method : String （可选项）(Optional)

该请求所用的http方面，默认值为配置的方法，或者当没有方法被配置时，如果没有发送参数时用get，有参数时用post。 The HTTP method to use for the request. Defaults to the configured method, or if no method was configured, "GET" if no parameters are being sent, and "POST" if parameters are being sent. Note that the method name is case-sensitive and should be all caps.

callback : Function （可选项）(Optional)

该方法被调用时附上返回的http response对象。不管成功还是失败，该回调函数都将被调用，该函数中传入了如下参数: The function to be called upon receipt of the HTTP response. The callback is called regardless of success or failure and is passed the following parameters:

options : Object
>请求所调用的参数。The parameter to the request call.
success : Boolean
请求成功则为true。True if the request succeeded.
response : Object
包含了返回数据的xhr对象。The XMLHttpRequest object containing the response data. Seehttp://www.w3.org/TR/XMLHttpRequest/ for details about accessing elements of the response.

success: Function （可选项）(Optional)

该函数被调用取决于请求是否成功。该回调函数被传入如下参数: The function to be called upon success of the request. The callback is passed the following parameters:

response : Object
包含数据的xhr对象。The XMLHttpRequest object containing the response data.
options : Object
请求所调用的参数。The parameter to the request call.

failure : Function （可选项）(Optional)

该函数被调用取决于请求失败。该回调函数被传入如下参数: The function to be called upon failure of the request. The callback is passed the following parameters:

response : Object
包含数据的xhr对象。 The XMLHttpRequest object containing the response data.
options : Object
请求所调用的参数。 The parameter to the request call.

scope : Object （可选项）(Optional)

回调函数的作用域：回调函数"this"对象指针。默认值为浏览器窗口。 The scope in which to execute the callbacks: The "this" object for the callback function. If the url, or params options were specified as functions from which to draw values, then this also serves as the scope for those function calls. Defaults to the browser window.

form : Element/HTMLElement/String （可选项）(Optional)

用来压入参数的一个<form>元素或<form>的标识。 The <form> Element or the id of the <form> to pull parameters from.

isUpload : Boolean （可选项）(Optional)

如果该form对象是上传form，为true（通常情况下会自动探测）

headers : Object （可选项）(Optional)

为请求所加的请求头。 Request headers to set for the request.

xmlData : Object （可选项）(Optional)

用于发送的xml document。注意:它将会被用来在发送数据中代替参数任务参数将会被追加在url中。 XML document to use for the post. Note: This will be used instead of params for the post data. Any params will be appended to the URL.

jsonData : Object/String （可选项）(Optional)

JSON data to use as the post. Note: This will be used instead of params for the post data. Any params will be appended to the URL.

disableCaching : Boolean （可选项）(Optional)

设置为True,则添加一个独一无二的cache-buster参数来获取请求。 True to add a unique cache-buster param to GET requests

分享到：

decode encode | SSH配置之web.xml

2013-01-07 13:04
浏览 1053
评论(0)
分类:非技术
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

远程debug流程，方便debug: 远程debug流程，方便debug

基于麻雀生物特性的搜索算法（SSA）的Matlab实现：原理、代码与实战应用,基于圈养麻雀特性的搜索算法（SSA）matlab实现：原理、代码与警觉机制解析,麻雀搜索算法(SSA)的matlab实现: 基于麻雀生物特性的搜索算法（SSA）的Matlab实现：原理、代码与实战应用,基于圈养麻雀特性的搜索算法（SSA）matlab实现：原理、代码与警觉机制解析,麻雀搜索算法(SSA)的matlab实现原创代码，注释清晰，可直接运行研究表明，圈养的麻雀存在两种不同类型：发现者和加入者。发现者在种群中负责寻找食物并为整个麻雀种群提供觅食区域和方向，而加入者则是利用发现者来获取食物。在生活中我们仔细观察会发现，当群体中有麻雀发现周围有捕食者时，此时群体中一个或多个个体会发出啁啾声，一旦发出这样的声音整个种群就会立即躲避危险，进而飞到其它的安全区域进行觅食。这样的麻雀被称为警觉者。麻雀搜索算法就是利用麻雀的这种生物特性进行迭代寻优的优化算法。本资源包含以下三部分内容： 1.麻雀搜索算法的基本原理（两篇参考文献），非常适合用来学习。 2.麻雀搜索算法的matlab代码，注释详细，结构清晰。 3.五个群智能优化算法常用的测试函数。 ,麻雀搜索算法(SSA); MATLAB实现; 原创代码; 注释清晰; 可直接运行; 生物特性迭代寻优; 发现者与加入者; 警觉者; 参考两篇文献。

基于java的五子棋游戏设计源码+论文: 基于java的五子棋游戏设计源码+论文

deepseek-r1使用指南: deepseek-r1使用指南

DeepSeek+DeepResearch-让科研像聊天一样简单: DeepSeek+DeepResearch——让科研像聊天一样简单（1）DeepSeek如何做数据分析？（2）DeepSeek如何分析文件内容？（3）DeepSeek如何进行数据挖掘？（4）DeepSeek如何进行科学研究？（5）DeepSeek如何写综述？（6）DeepSeek如何进行数据可视化？（7）DeepSeek如何写作润色？（8）DeepSeek如何中英文互译？（9）DeepSeek如何做降重？（10）DeepSeek论文参考文献指令（11）DeepSeek基础知识。

基于dlib及opencv的人脸识别.zip: 项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

基于人工智能的目标检测应用.zip: 项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行；功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

DSP28335通过SPI与AD7606八路信号采集与通信的实践：实时数值与波形展示在上位机界面上,DSP28335与AD7606 SPI通信：采集八路信号并通过SCI上送至上位机实现数据及波形显示: DSP28335通过SPI与AD7606八路信号采集与通信的实践：实时数值与波形展示在上位机界面上,DSP28335与AD7606 SPI通信：采集八路信号并通过SCI上送至上位机实现数据及波形显示,Dsp28335利用spi与ad7606通信，采集八路信号，通过sci发送到到上位机显示数值和波形 ,DSP28335; SPI; AD7606; 八路信号采集; SCI; 上位机显示; 数值和波形,DSP28335 SPI通讯 AD7606 八路信号采集 SCI发送上位机显示

搭建mario机器学习测试系统，进行机器学习。.zip: 项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

marisa-ruby-0.2.4-4.el7.x64-86.rpm.tar.gz: 1、文件内容：marisa-ruby-0.2.4-4.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/marisa-ruby-0.2.4-4.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊

基于Tent混沌映射的麻雀搜索算法优化：提高全局搜索能力与初始解质量,基于Tent混沌映射的麻雀搜索算法优化：提高全局搜索能力与初始解质量,基于Tent混沌映射的麻雀搜索算法matlab代码: 针对麻: 基于Tent混沌映射的麻雀搜索算法优化：提高全局搜索能力与初始解质量,基于Tent混沌映射的麻雀搜索算法优化：提高全局搜索能力与初始解质量,基于Tent混沌映射的麻雀搜索算法matlab代码: 针对麻雀搜索算法（SSA）在接近全局最优时，种群多样性减少，易陷入局部最优解等问题，提出了一种混沌麻雀搜索优化算法（CSSA）。通过改进 Tent 混沌序列初始化种群，提高初始解的质量，增强算法的全局搜索能力； ,基于Tent混沌映射的麻雀搜索算法; CSSA（混沌麻雀搜索优化算法）; Tent混沌序列初始化种群; 全局搜索能力。,基于Tent混沌映射的CSSA算法：提高麻雀搜索全局搜索能力

JavaWeb期刊管理系统_课程设计附课设报告.zip: 项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

上接战略下接绩效的培训规划.pptx: 上接战略下接绩效的培训规划.pptx

基于S7-300 PLC和Wincc Flexible触摸屏的温室大棚智能控制解决方案：梯形图程序详解、接线与原理图图谱及组态设计,基于S7-300 PLC与Wincc Flexible触摸屏的温室大: 基于S7-300 PLC和Wincc Flexible触摸屏的温室大棚智能控制解决方案：梯形图程序详解、接线与原理图图谱及组态设计,基于S7-300 PLC与Wincc Flexible触摸屏的温室大棚智能控制解决方案：梯形图程序、接线图与组态画面全解析,No.943 基于S7-300 PLC和Wincc Flexible触摸屏温室大棚控制带解释的梯形图程序，接线图原理图图纸，io分配，组态画面 ,943; S7-300 PLC; Wincc Flexible触摸屏; 温室大棚控制; 梯形图程序; 接线图原理图; IO分配; 组态画面,S7-300 PLC与Wincc Flexible触摸屏联合打造：No.943温室大棚控制系统的设计与实现

基于ADMM算法的GAMS程序：发电商竞标策略模型及其应用解析,GAMS程序解析：基于ADMM算法的发电商竞标策略优化模型与代码实现,GAMS程序：ADMM算法-基于ADMM法的发电商竞标策略本程序: 基于ADMM算法的GAMS程序：发电商竞标策略模型及其应用解析,GAMS程序解析：基于ADMM算法的发电商竞标策略优化模型与代码实现,GAMS程序：ADMM算法-基于ADMM法的发电商竞标策略本程序主要介绍ADMM算法在GAMS中的编写方式，模型基于发电商竞标策略进行编写，基本包含了文章中的模型，但并非完全复现，可作为参考程序自学使用，也可在程序的基础上进行修改使用。需要的同学可根据以下图片研究是否为自己需要的程序进行。也可提供ADMM部分程序。程序包括两个，分别为解决战略投资问题的广义MILP制定的GAMS代码、基于提出的共识- admm算法解决战略投资问题的GAMS代码 ,GAMS程序; ADMM算法; 发电商竞标策略; 模型编写; 广义MILP; 共识-ADMM算法; 战略投资问题; 程序修改。,GAMS程序：ADMM算法在发电商竞标策略中的应用示例

springboot整合Quartz实现动态配置定时任务.zip: 项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

重庆市农村信用合作社农商行数字银行系统建设方案.ppt: 重庆市农村信用合作社农商行数字银行系统建设方案.ppt

三菱FX5U定位模块与昆仑通态触摸屏包装机配置程序集成：五轴控制及双轴插补技术,三菱FX5U定位模块与伺服系统控制：包装机配置清单及功能分配手册,三菱 FX5U定位模块5轴 2轴插补伺服包括三菱FX: 三菱FX5U定位模块与昆仑通态触摸屏包装机配置程序集成：五轴控制及双轴插补技术,三菱FX5U定位模块与伺服系统控制：包装机配置清单及功能分配手册,三菱 FX5U定位模块5轴 2轴插补伺服包括三菱FX5U伺服5轴程序2轴插补，昆仑通态触摸屏程序。包装机程序，有详细配置清单 IO表功能分配等清单扩展FX5-16ET-ES-H定位，有定位设置说明 ,三菱FX5U;定位模块;5轴;2轴插补伺服;昆仑通态触摸屏程序;包装机程序;配置清单;IO表;功能分配;扩展FX5-16ET-ES-H定位设置。,三菱FX5U定位模块：5轴伺服控制与2轴插补程序包

机器学习课程设计——基于AdaBoost的银行用户逾期行为检测.zip: 项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行；功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

恶性肿瘤骨转移临床诊疗专家共识总论要点解读.pptx: 恶性肿瘤骨转移临床诊疗专家共识总论要点解读.pptx

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论