`

Ext同步与异步请求(转自garnettcwm)

阅读更多

EXTJS 同步和异步请求


同步方式请求:

  1. var  conn = Ext.lib.Ajax.getConnectionObject().conn;
  2. conn.open( "GET" 'your url' , false );
  3. conn.send( null );
  4. alert(conn.responseText);
  5. var respText = Ext.decode(conn.responseText);  //若符合JSON规范,转化为JSON数组

或者

  1. var conn = Ext.lib.Ajax.getConnectionObject().conn;
  2. conn.open("POST", url, false);
  3. conn.send("发送到服务器端的信息");
  4. data = conn.responseText;
  5. alert(data);
  6. var respText = Ext.decode(conn.responseText);  //若符合JSON规范,转化为JSON数组

关键是要设置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.                     }); 

Ext.decode()是将json字符串转换成对象;Ext.encode()是将对象转换成json字符串

分享到:
评论

相关推荐

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

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

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

    标题提到的"ext-basex.js进行Ext.Ajax.request同步请求 FF无法正常"问题,涉及到浏览器兼容性和异步/同步请求的理解。 `Ext.Ajax.request`是ExtJS中的一个方法,用于发起Ajax(异步JavaScript和XML)请求。它可以...

    ext 同步和异步示例代码

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

    extjs ajax同步请求所需js

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

    ExtJs异步请求和特殊用途

    ExtJS使用了`Ext.Ajax`对象来处理异步请求。它封装了XMLHttpRequest对象,提供了发送GET、POST、PUT、DELETE等各种HTTP请求的方法。开发者可以通过配置参数,如URL、方法、参数、请求头、回调函数等,定制化请求...

    Ext AJAx的同步请求方法

    这是一个对Ext中的AJAx进行扩展了的方法,使其可以支持同步访问

    ext异步跳转问题(解决过滤器的问题)

    在Ext JS应用中,我们经常会遇到需要处理异步请求和响应的情况,这通常涉及到与服务器端的交互。在这些交互中,"过滤器"扮演着关键角色,它们用于拦截、处理或修改请求和响应。本篇文章将深入探讨如何解决Ext异步...

    Ext2.0.2的Ajax请求拦截示例

    在Ext JS中,Ajax请求是进行异步数据交互的基础,它允许页面在不刷新的情况下与服务器进行通信。本示例将深入探讨如何在Ext2.0.2中实现Ajax请求的拦截,以便在发送请求前或接收响应后执行自定义逻辑。 首先,我们...

    Ext.ux.tree.treegrid异步加载

    在ExtJS框架中,`Ext.ux.tree.TreeGrid`组件是一种结合了树形结构与表格显示特性的控件,适用于展示具有层级关系的数据。通过这种组件,用户可以在一个界面上同时查看数据的层次结构以及具体数据内容。 #### 二、...

    extjs3.0 ajax 同步请求

    本文将详细介绍如何在 ExtJS 3.0 中实现同步 AJAX 请求,并探讨其在实际项目中的应用场景与注意事项。 #### 二、AJAX 同步请求原理 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下...

    EXT异步提交FORM表单

    #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 基本原理 EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互...

    ext 异步加载树完整版

    EXT JS的Tree Panel允许开发者配置异步加载数据源,通常通过Ajax请求从服务器获取JSON数据。这样做可以显著减少初始页面加载时间,因为只有用户可以看到的部分会被加载。这种机制也称为延迟加载(Lazy Loading)或按...

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

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

    Extjs4树结构异步加载

    对于异步加载,我们需要配置TreeStore,设置`autoLoad`为`false`以阻止初始加载,并提供一个`proxy`对象来处理异步请求。 2. **Proxy**: 树结构的异步加载通常使用`AjaxProxy`或`JsonPProxy`,根据服务器端支持的...

    ext扩展异步分页bbar

    自己扩展的异步分页bbar,对大数据量表的查询很有帮助

    Ext JS 1713个icon图标 自带生成png转css应用

    Ext JS 是一个强大的JavaScript框架,主要用于构建富客户端Web应用程序。它提供了一系列丰富的组件、数据管理功能和用户界面元素。在给定的资源中,“Ext JS 1713个icon图标”指的是Ext JS库内含的一套全面的图标集...

    ExtJs Ajax 同步问题

    同步与异步的控制则通过`async`参数来决定。默认情况下,`async`设置为`true`,意味着请求是异步的,也就是说,JavaScript不会等待服务器的响应,而是继续执行下一行代码。如果将`async`设为`false`,则请求变为同步...

Global site tag (gtag.js) - Google Analytics