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

Ext 实现异步请求

阅读更多
这周工作中有要用异步请求的地方,也没想什么就要开始写以前用过的方法。身边的小师父(一个教了我不少东西的朋友)看了一眼就说了!你这方法有点土!不happy啊( 他的话)!就教了我另一种方式,写了写感觉不错。挺方便,代码也比较少!
      
        
// 异步请求调用的方法
        var getMessage: function(){
        
          // 实例化Ext发送Ajax请求需要的Connection对象
          var conn = new Ext.data.Connection();
          // 发送异步请求
          conn.request({
          // 请求地址
            url: 'p/message/short/view_message.do',
            method: 'GET',
            // 指定回调函数
            callback: callback
          });
        }
        //回调函数
        callback: function(options, success, response){
          if(success){
            // 如果成功则使用Ext将JSON字符串转换为JavaScript对象
            var jsonObj = Ext.util.JSON.decode(response.responseText);
            // 到这就可以取你想要的东东了

           // 取消息id
             var msgId = jsonObj.id;

            // 取消息标题

             var msgTitle = jsonObj.title;
          }
        }

Action里的东东!!!!!

public class ViewMessageAction extends BaseAction {

@Override
public ActionForward execute(ActionMapping mapping, ActionForm form,
    HttpServletRequest request, HttpServletResponse response)
    throws Exception {

   //   拼一个json串
String json = "{id:'消息id',title:'消息标题'}“;

// 设置字符集,有时返回的json串会有中文问题
   response.setCharacterEncoding("UTF-8");
   PrintWriter out = response.getWriter();
   out.println(json);
   return null;
}
}

json 挺方便吧! 比传纯字符串要好用!比xml要轻量级些!

但有时我也感觉拼json串有点烦!有二个方法:

1.把list 或 其他对像转到一个jsp页面里在页面里写json串这样感觉更好点。

2. 用XStream,他可以把一个对像或list转成我们想要的json串。

    至于XStream的用法,就不在这多罗嗦了!http://xstream.codehaus.org/ 自己看看挺easy的!!
分享到:
评论

相关推荐

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

    例如,`java过滤器对ext异步请求跳转.txt`可能包含了一个Java过滤器的实现,用于处理Ext的异步请求。这个过滤器可能会检查请求头中的特定字段,或者查看请求参数,判断是否需要进行页面跳转。如果发现需要跳转,过滤...

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

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

    ExtJs异步请求和特殊用途

    在ExtJS中,异步请求(通常指的是Ajax请求)是实现动态数据加载、用户界面更新等关键功能的基础。Ajax框架允许开发者在不刷新整个页面的情况下与服务器进行通信,从而提供更流畅的用户体验。 1. **异步请求原理**:...

    Ext.ux.tree.treegrid异步加载

    本文详细介绍了如何使用ExtJS中的`Ext.ux.tree.TreeGrid`组件实现异步加载功能,包括前端配置和后端数据处理两个方面。通过这种方式可以有效提升用户体验,同时减轻服务器的压力。在实际开发过程中,还需要根据具体...

    ext 异步加载树完整版

    4. **异步请求触发器**: Tree Panel的`load`事件或节点的`expand`事件可以触发异步加载。当用户展开节点时,会触发加载子节点的操作。 5. **服务器端处理**: 服务器端需要提供一个接口,接收请求并返回对应节点的子...

    EXT异步提交FORM表单

    EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互体验,同时减少了服务器端的负载压力。 ##### 2.2 实现步骤 1. **初始化...

    ExtJS3 实现异步下拉树

    2. **Ajax 数据源**:异步加载数据通常通过Ajax请求实现。需要定义一个`TreeStore`,配置`proxy`为`Ext.data.TreeProxy`,并设置`url`属性指定服务器接口地址,用于获取节点数据。 3. **JsonReader**:数据解析器,...

    Ext2.0.2的Ajax请求拦截示例

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

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

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

    ext+jsp实现登入.rar

    在EXT JS中,可以使用AJAX(Asynchronous JavaScript and XML)技术与服务器进行异步通信。尽管实际的数据格式可能不是XML,而是JSON,因为JSON更轻量且更适合于JavaScript处理。EXT JS提供了AJAX请求的简便方法,如...

    Ext 实现 文件上传 进度显示

    实现文件上传进度显示的关键在于使用Ajax异步请求,`Ext.Ajax`或`Ext.data.Connection`可以用来配置这种请求。我们需要开启`async: true`,设置`params`参数以包含文件数据,同时启用`progress`事件监听,以便在每次...

    Ext3.0 实现验证码

    这通常涉及到Ajax请求,Ext3.0的Ajax组件(如Ext.Ajax或Ext.data.Connection)可以方便地实现异步通信,使得用户无需刷新页面即可完成验证。 在实际项目中,为了提高用户体验,还可以加入一些额外的功能,比如: 1...

    ext 同步和异步示例代码

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

    extjs ajax同步请求所需js

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

    JQuery异步上传下载

    本文将详细讲解如何利用jQuery实现无刷新的异步上传和下载文件,以及MyEclipse环境中项目的创建与部署。 首先,我们要了解jQuery异步上传的基本原理。在传统的文件上传方式中,用户提交表单时会刷新整个页面,用户...

    JS多个异步请求 按顺序执行next实现解析

    在js里面,偶尔会遇见需要多个异步按照顺序执行请求,又不想多层嵌套,,这里和promise.all的区别在于,promise或者Jquery里面的$.when 是同时发送多个请求,一起返回,发出去的顺序是一起;这里是按照顺序发请求 ...

    EXT提交服务器的三种方式

    1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的提交,并指定URL、HTTP方法以及额外的参数。...

    Ext3.0实现多文件上传.rar

    3. **AJAX上传**: 为了实现无刷新的上传体验,Ext3.0会使用AJAX技术,通过XMLHttpRequest对象发送POST请求,将FormData对象作为请求体发送到服务器。这使得用户可以在上传过程中继续浏览网页,无需等待整个上传过程...

    Ext 中实现Excel导出

    根据给定的信息,本文将详细解释如何在Ext框架中实现Excel导出功能。这涉及到从前台界面设计到后端数据处理的多个环节。下面将依次介绍相关知识点。 ### 一、Ext简介 Ext是一个用于构建交互式Web应用程序的...

Global site tag (gtag.js) - Google Analytics