`
holdbelief
  • 浏览: 706357 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

EXTJS 同步和异步请求

阅读更多

同步方式请求:

  1. var conn = Ext.lib.Ajax.getConnectionObject().conn;
  2. conn.open("GET"'your url',false);
  3. conn.send(null);
  4. alert(conn.responseText);

或者

  1. var conn = Ext.lib.Ajax.getConnectionObject().conn;
  2. conn.open("POST", url, false);
  3. conn.send("发送到服务器端的信息");
  4. data = conn.responseText;
  5. alert(data);

关键是要设置false这个参数

异步方式请求:

  1. Ext.Ajax.request({
  2.                         url : 'listpublishersms.action',
  3.                         success : function(response, options) {
  4.                             var temp = "<chart caption='"
  5.                             + startField.getValue().dateFormat("Y-m-d")
  6.                             + "至"
  7.                             + endField.getValue().dateFormat("Y-m-d")
  8.                             + "' baseFontSize='12' formatNumberScale='0' showBorder='1'>";
  9.                             var responseArray = Ext.util.JSON
  10.                                     .decode(response.responseText);
  11.                             alert(responseArray.list.length);
  12.                             for (var i = 0;i < responseArray.list.length ;i++) {
  13.                                        var pname = responseArray.list[i].pname;
  14.                                         var count = responseArray.list[i].count;
  15.                                         temp += "<set label='" + pname
  16.                                             + "' value='" + count + "'/>";
  17.                             }
  18.                             temp += "</chart>";
  19.                             chart_chart.setDataXML(temp);
  20.                         }
  21.                     }); 
分享到:
评论
6 楼 lian819 2014-03-03  
顶1楼, 引用文件, 配置属性, 太方便了
5 楼 wm390020445 2013-05-17  
[/color][color=darkred][size=x-small][/size][align=center][/align]
引用
[img][/img][url][/url][flash=200,200][/flash]
4 楼 mingchong2882 2011-11-03  
EXT3,要修改到base这个原代码,修改后同步AJAX也是时行时不行,真叫人郁闷
3 楼 uuu999ggg 2011-03-05  
364434006 写道
async :  false,//同步请求数据
th3639 写道
兄弟 你这方法 不适合 EXTjs3.0
ext3.0之前都是这样来提交:
var responsea = Ext.lib.Ajax.getConnectionObject().conn;
responsea.open("POST", navUrl,false);
responsea.send(null);
alert("返回来的数据为:"+responsea.responseText);
ext3之后好像不能这样提交了,这时候需要引入一个新的js文件,叫做ext-basex.js,可以在这里下载:http://dl.iteye.com/topics/download/75f986f1-bf12-3ebc-ba99-2be4cb1cdf9a
具体写法很好看,跟一直以来的异步提交方式很相像:
Ext.Ajax.request({
url: navUrl,
method: 'post',
async :  false,//同步请求数据
success: function(result, request) {
alert(result.responseText);

},
failure: function(result, request) {
Ext.MessageBox.alert('系统异常', '请求数据失败!');
}

});

Ext.Ajax.request()里面有async这个属性?貌似没有..ext-all.js<version:3.2>


顶 async :  false,//同步请求数据
能用,找了好久
2 楼 364434006 2010-11-05  
async :  false,//同步请求数据
th3639 写道
兄弟 你这方法 不适合 EXTjs3.0
ext3.0之前都是这样来提交:
var responsea = Ext.lib.Ajax.getConnectionObject().conn;
responsea.open("POST", navUrl,false);
responsea.send(null);
alert("返回来的数据为:"+responsea.responseText);
ext3之后好像不能这样提交了,这时候需要引入一个新的js文件,叫做ext-basex.js,可以在这里下载:http://dl.iteye.com/topics/download/75f986f1-bf12-3ebc-ba99-2be4cb1cdf9a
具体写法很好看,跟一直以来的异步提交方式很相像:
Ext.Ajax.request({
url: navUrl,
method: 'post',
async :  false,//同步请求数据
success: function(result, request) {
alert(result.responseText);

},
failure: function(result, request) {
Ext.MessageBox.alert('系统异常', '请求数据失败!');
}

});

Ext.Ajax.request()里面有async这个属性?貌似没有..ext-all.js<version:3.2>
1 楼 th3639 2010-09-25  
兄弟 你这方法 不适合 EXTjs3.0
ext3.0之前都是这样来提交:
var responsea = Ext.lib.Ajax.getConnectionObject().conn;
responsea.open("POST", navUrl,false);
responsea.send(null);
alert("返回来的数据为:"+responsea.responseText);
ext3之后好像不能这样提交了,这时候需要引入一个新的js文件,叫做ext-basex.js,可以在这里下载:http://dl.iteye.com/topics/download/75f986f1-bf12-3ebc-ba99-2be4cb1cdf9a
具体写法很好看,跟一直以来的异步提交方式很相像:
Ext.Ajax.request({
url: navUrl,
method: 'post',
async :  false,//同步请求数据
success: function(result, request) {
alert(result.responseText);

},
failure: function(result, request) {
Ext.MessageBox.alert('系统异常', '请求数据失败!');
}

});

相关推荐

    ExtJs异步请求和特殊用途

    通过深入学习和实践这些知识点,开发者可以熟练掌握ExtJS中的异步请求,构建高效且响应迅速的Web应用。在伍诚_ExtJs资料中,你将找到更多关于这些概念的详细解释和示例,帮助你深化理解和提升开发技能。

    extjs3.0 ajax 同步请求

    ### ExtJS 3.0 AJAX 同步请求详解 #### 一、引言 ...随着技术的发展,现代前端框架如 React、Vue 等已经很少使用同步 AJAX 请求,取而代之的是更高效的异步编程模式,如 Promise 和 async/await。

    extjs ajax同步请求所需js

    与传统的异步请求不同,同步请求会阻塞浏览器,直到请求完成并返回结果。虽然这种方式在某些特定场景下可能有用,但大多数情况下,由于其可能导致页面无响应,因此并不推荐使用。 下面将详细解释如何在ExtJS中进行...

    ExtJs Ajax 同步问题

    在使用ExtJS进行开发时,Ajax异步请求是常用的功能之一。然而,有时我们可能会遇到Ajax同步问题,这通常是由于对异步和同步理解不透彻或者配置不当导致的。下面我们将详细探讨这个问题。 在ExtJS中,Ajax请求主要...

    extjs四种异步提交

    Action可以是一个包含处理提交的控制器方法的URL,或者是一个EXT JS的Store对象,这样提交会自动与Store关联的模型和服务器端接口同步。 EXT JS的异步提交机制使得开发者能够灵活地处理与服务器的数据交互,无论是...

    ExtJS的.NET控件_YuiGrid(数据绑定.同步_异步取值)

    **ExtJS的.NET控件_YuiGrid:数据绑定与同步/异步取值详解** 在Web开发中,ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序。YuiGrid是ExtJS的一个组件,提供了灵活的数据展示和操作功能。本文将深入探讨...

    Ext.Ajax.request2.x实现同步请求

    异步请求允许用户在等待服务器响应的同时继续进行其他操作,提高了用户体验。然而,在某些场景下,例如初始化页面数据或必须等待前一个请求完成才能执行后续逻辑时,同步请求是必要的。 `Ext.Ajax.request`的默认...

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    2. **使用Promises**:如果需要确保请求完成,可以利用Promise的特性,如`then`和`catch`,在异步请求完成后执行下一步操作。 3. **工作线程(Web Workers)**:如果你确实需要进行长时间运行的任务,考虑使用Web ...

    extjs对ajax的支持文档

    它提供了发送异步请求、处理响应和错误处理等功能。 - 使用`Ext.Ajax.request`方法发起Ajax请求,该方法接受一系列参数,如URL、方法(GET或POST)、数据、回调函数等。 2. **请求配置**: - `url`: 发送请求的...

    ExtJs3.0和2.0中文API

    5. **AJAX改进**:提供了异步请求的拦截器(Interceptor),允许在请求前后添加自定义逻辑。 6. **性能提升**:对组件渲染和事件处理进行了优化,提升了整体性能。 7. **国际化支持**:增加了对多语言的支持,方便...

    extjs开发需要的最少文件

    7. **数据封装**:使用ExtJS的Store和Model类来封装和管理从后端获取的数据,这简化了数据加载、更新和同步的过程。 8. **AJAX请求**:Ext.Ajax是ExtJS提供的异步通信对象,用于发送Ajax请求并与后端交互。 9. **...

    extJs 2异步树 源程序.

    而异步加载则是在用户滚动或展开节点时才请求并加载相关的子节点,显著减少了初始加载时间,提升了用户体验。 在Ext Js 2中,实现异步树的关键是使用`TreeLoader`对象。这个对象负责与服务器进行通信,获取并解析...

    ExtJs2.0 SSH 实现简单结构与上传文件 数据库同步树形结构

    这需要用到`ExtJs2.0`的事件监听和异步请求机制,如Ajax或JSONP,将用户操作转化为HTTP请求发送到服务器,由SSH框架处理后返回结果,实现前后端数据的同步。 通过这个项目,开发者可以学习到如何将`ExtJs2.0`的富...

    ext 同步和异步示例代码

    在EXTJS中,使用`Ext.Ajax.request`方法可以实现异步请求,它接受一个配置对象,包括URL、请求方法、回调函数等。 ```javascript Ext.Ajax.request({ url: '/base/business/SysPublicAction.do', params: { ...

    Extjs ajax同步请求时post方式参数发送方式

    因此,在实际开发中,应当谨慎使用同步请求,尽可能使用异步请求以提高页面的响应性和用户体验。 在实际开发过程中,如果遇到类似问题,开发者应该首先检查发送的参数格式是否正确,并确保请求头设置正确。如果问题...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步请求,处理JSON或XML数据,实现页面的无刷新更新。 5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6....

    spring+extjs项目文件

    4. Ajax通信:ExtJS通过Ajax与Spring后台进行通信,实现异步请求,提升用户体验。 四、人力资源管理系统实践 1. 用户管理:使用ExtJS创建用户登录注册界面,Spring负责后端的用户验证和权限控制。 2. 员工信息管理...

    搭建好的EXTJS和SSH环境

    2. **数据传输**:EXTJS通过Ajax请求与Struts2 Action进行交互,发送JSON数据,由Spring进行数据转换和验证,再由Hibernate保存或查询数据库。 3. **页面渲染**:EXTJS根据从SSH后端获取的数据动态渲染页面,提供...

    ExtJs-3.2.0.rar

    ExtJS内置了强大的AJAX功能,可以轻松实现异步数据请求和响应,与服务器端进行通信,如JSONP、XML和Ajax请求等。 10. **主题和皮肤** ExtJS支持更换主题和皮肤,开发者可以通过预设的主题或创建自定义皮肤来改变...

    ExtJS3.4和VS2010上传文件的进度条

    ExtJS的Ajax请求可以设置为异步,并且能够监听服务器的进度更新。通过这种方式,客户端可以根据接收到的信息更新进度条。 描述中提到的“浏览/UploadFileProgressBar/ExtJSUploadProgressBar/ExtJSProgressBar.htm...

Global site tag (gtag.js) - Google Analytics