Sencha Toucha之Ext.Ajax
Ext.Ajax是Ext.data.Connection的hi一个单实例,不需要使用new或者Ext.create方法创建实例后再使用。
类的继承关系为:
Ext.Base
Ext.data.Connection
Ext.Ajax
Ext.Ajax.request({
url: 'page.php',
params: {
id: 1
},
success: function(response){
var text = response.responseText;
// process server response here
}
});
可以直接通过设置Ext.Ajax类的选项来配置属性:
Ext.Ajax.setTimeout(60000); // 60 seconds
Ext.Ajax.setTimeout(120000); // 120 seconds
Ext.Ajax.request({
url: 'page.aspx',
timeout: 60000
});
一般来说这个类会用于你所有的Ajax请求。
一般情况下,在配置对象中定义好了地址和回调函数就可以使用Ext.Ajax了。
Ext.Ajax有三个回调函数,分别是success,failure和callback。
Ext.Ajax默认是以POST方式提交的,如果要修改为GET方法,可以通过method配置项来实现,它的值可以是POST或者GET,注意全部为大写字母。
Ext.Aiax.request({
url:'myUrl',
method:'POST',
params:{
username:'king',
password:'king'
},
callback:function(response){
console.log(response.responseText);
}
});
请求自动地将param对象打包为form数据,是作为POST请求的一部分发送出去。
当发送一个GET请求时,许多web服务器将会缓存一个应答,并总是将这个相同的应答发送给你,虽然加快了web速度,但是并不总是想要的。
disableCaching: false,
web根据Header不同,返回不同格式的数据
下面是获得JSON数据
Ext.Aiax.request({
url:'myUrl',
method:'GET',
headers:{"Content-type":"application/json"},
params:{
username:'king',
password:'king'
},
callback:function(response){
console.log(response.responseText);
}
});
callback回调
当Ajax请求失败时,Ext.Ajax可以帮你指定所有场景下的callback回调函数
Ext.Ajax.request({
url:'myUrl',
success:function(response){
console.log('请求成功');
},
failure:function(response){
console.log('请求失败');
},
callback:function(response){
console.log('数据');
}
});
当请求成功时,success函数首先会被调用,然后是callback函数。
当请求失败时,failure函数会被调用,然后是callback函数。
不论请求成功还是失败,callback回调函数总是会执行的。
请求超时和中断
当后台服务器响应时间过长而导致请求超时时。failure函数将会被调用,该函数的传递参数request对象中,timeout的属性为true
Ext.Ajax.equest({
url:'myUrl',
failure:function(reqponse){
console.log(reqponse.timeout);
}
});
缺省情况下,timeout值为30秒,但是你可以通过timeout设置该值,该值单位是毫秒
var myRequest = Ext.Ajax.equest({
url:'myUrl',
timeout:5000, // 5秒超时
failure:function(reqponse){
console.log(reqponse.timeout);
}
});
Ext.Ajax.abort(myRequest);
上面代码中,超时处理函数将被调用,reqponse.aborted属性将设置为true。
Ext.Ajax.request({
url:'myUrl',
failure:function(reqponse){
if(reqponse.timeout){
alert('Timeout','服务器超时');
}else if(reqponse.aborted){
alert('Aborted','请求终止');
}else{
alert('Bad','请求失败');
}
}
});
Sencha Toucha之Ext.Ajax的更多相关文章
- sencha touch Ext.Ajax.request 错误 Cannot call method 'request' of undefined 解决方案
凡是Cannot call method '' of undefined 这类错误大部分都可以参照下面的办法来解决 在st中有时候你会发现使用Ext.Ajax.request会出现一下错误: Cann ...
- Extjs4.0以上版本 Ext.Ajax.request请求的返回问题
Ext.Ajax.request({ url: posturl, method: 'POST', params: { ClassName: 'XXXX', FuncName: 'XXXX', para ...
- [转] form.getForm().submit的用法及Ext.Ajax.request的小小区别
原文地址:http://blog.csdn.net/hongleidy5000/article/details/7329325 if (!formDetail.getForm().isValid()) ...
- (ExtJs 3.4)Ext.Ajax.request的同步请求实现
ext3.0之前都是这样来提交:var responsea = Ext.lib.Ajax.getConnectionObject().conn;responsea.open("POST&qu ...
- [转载]ExtJs4 笔记(3) Ext.Ajax 对ajax的支持
作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/) 本篇主要介绍一下ExtJs常用的几个对JS语法的扩展支持,包括Ajax封装,函数事 ...
- Ext.Ajax中scope的作用
在Ext的前台Js中使用Ajax请求,如果想让回调函数中的this作用域跟当前的类一样如何实现呢?Ajax提供了一个参数scope. 详细代码如下: layout : { type : 'accord ...
- EXTJS 资料 Ext.Ajax.request 获取返回数据
下面是一个登陆页面调用的EXTJS login function,通过 url: '/UI/HttpHandlerData/Login/Login.ashx',获取返回登陆账户和密码! Ext.onR ...
- Ext.Ajax.request()方法和FormPanel.getForm().submit()方法,都返回success()方法的差异
我还是不发表到博客园首页吧,要不然还是要被取消,>_< 还是言归正传吧,关于Ext.Ajax.request()方法和FormPanel.getForm().submit()方法返回suc ...
- 【转】Ext.ajax.request 中的success和failure
原文链接:Ext.ajax.request 中的success和failure Ajax request对象的success事件表示request过程中没有发生错误,和自己的业务逻辑无关, 如果访问不 ...
随机推荐
- FastJson之有道翻译
在AndroidMainifast.xml中加入相应的访问权限 <uses-permission android:name="android.permission.INTERNET&q ...
- C++线性方程求解
介绍 程序SolveLinearEquations解决联立方程.该方案需要一个文本文件,其中包含输入和输出方程解决.这个项目是几年前我写在C#中http://www.codeproject.com/A ...
- PS4 的下载速度问题
折腾了好久了 AC68u路由自启动修改 hosts 问题,打算FQ另外改善 ps4 下载速度太慢问题. 后来看到几个dns, 直接修改后就速度超快,也不用在路由中添加了, 直接在 ps4 中网络设置中 ...
- Java字符串排列算法
Java字符串排列算法 题目:现有ABCDE 5个球 构成的排列组合 可重复抽取 最多取到16个 共有多少种组合方式? 比如:取1个球可以构成的组合有 A B C D E 共5种,取2个球可以构成的组 ...
- xhr dojo load
require(["dojo/_base/xhr"], function(xhr) { // Execute a HTTP GET request xhr.get({ // The ...
- 好用的SSH客户端 good SSH client recommended
对于经常性地要登录服务器的同志们,选择一款优秀的SSH客户端非常有必要,不仅可以提高效率,而且赏心悦目,宅的几率更大.呵呵,我就是i一枚.很出名的就是PuTTY(Windows,Linux都有的), ...
- grid
- SQL算术数字的默认类型
select 100*100*100*100*100 --错误:将 expression 转换为数据类型 int 时出现算术溢出错误. select cast(1000 as bigint) * ...
- PHP上传文件详解 错误提示
首先在php.ini里配置上载文件.有以下几个重要的配置单: 选项 默认值 说明 post_max_size 8M 控制以后的POST请求的最大规模.必须大于upload_max_filesize选项 ...
- 给我发邮件(qq)| 和我联系
qq邮箱开放平台(只能是qq对qq): 简单点的发邮件: 和我联系