`
编程足球
  • 浏览: 250367 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Ext js Ajax 基本用法

 
阅读更多
最近在做一个项目时候用到了使用Ext 进行异步的请求,对Ext.Ajax.request有了点基本的认识
基本结构如下:
Ext.Ajax.request({
    url:'xxx.do',
    method : 'post',// 请求的方式 GET OR POST
    params :  {id : id}, //  传递的参数
    scope:this,      // 修改函数的this对象

//   成功时候的回调函数
    success : function(response, options)
    {
   				
    },

//   失败时候的回调函数
    failure : function(response, options)
   {
    	
   }
});	


在Ext.Ajax.request发送请求后一般由一个servlet进行处理,并且最后放回一个json数据对象作为参数放回
	@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException
{

       JSONObject responseJSON = new JSONObject();
       //....................
        response.getWriter().write(responseJSON.toString());
	response.getWriter().flush();
}


前台接收到放回的数据后可以进一步进行处理
success : function(response, options)
{
    	var text = Ext.decode(response.responseText);
 
//       通过text.  来获得对应的值
	if(text.success)
	{

	}

分享到:
评论

相关推荐

    EXT是一款强大的AJAX框架

    EXT是一款强大的AJAX框架 /** * 定义命名空间 */ Ext.namespace("Mis.Ext"); /* *CRUD面板基类 */ //继承EXT的Panel,创建CRUD面板 Mis.Ext.CrudPanel=Ext.extend(Ext.Panel,{……}); //限于篇幅就不列出全部代码 ...

    快意编程 EXT JS Web开发技术详解.pdf

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    Ext Js权威指南(.zip.001

    6.1.8 ext.domquery的使用方法 / 249 6.1.9 ext js选择器的总结 / 252 6.2 获取单一元素:ext.dom.element / 252 6.2.1 从错误开始 / 252 6.2.2 使用ext.get获取元素 / 253 6.2.3 使用ext.fly获取元素 / 256 ...

    Ext+JS高级程序设计.rar

    1.2 Ext Core的Ajax功能 19 1.3 DomQuery详解 20 1.4 模板介绍 23 1.5 实用功能 24 1.6 定时执行代码 25 1.7 本章小结 26 第2章 Ext Core实例系统设计 27 2.1 需求分析 27 2.2 系统设计 28 2.3 功能结构图 29 2.4 ...

    精通JS脚本之ExtJS框架.part1.rar

    6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...

    Ext官方中文教程(可打包下载)

    基础用法: DomQuery基础 Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI控件 事件的处理 Ext中的继承 Ext的类设计 Ajax通讯 JSON处理方法 函数的原型扩展 组件的使用: Tab标签页 Ext 1.x中的...

    精通JS脚本之ExtJS框架.part2.rar

    6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...

    Ext 学习中文手册

    本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和初级了解HTML Dom。 目 录 EXT 中文手册 1 EXT简介 3 目錄 3 下载Ext 4 开始! 4 Element:...

    EXT 中文帮助手册

    4 Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器...

    EXT简体中文参考手册(PDF&CHM电子档)

    使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器Adapters 13 核心Core 13 Javascript中的作用域(scope) 13 事前准备 13 定义 13 正式开始 14 window对象 14 ...

    EXT 中文手册

    4 Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器...

    讲解JavaScript的面向对象的编程

    我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到使用基本类库的编程方式。...

    Ajax获取响应内容长度的方法

    本文实例讲述了Ajax获取响应内容长度的方法。分享给大家供大家参考。具体如下: var xhr = $.ajax({ type: "HEAD", ... 您可能感兴趣的文章:Js中使用hasOwnProperty方法检索ajax响应对象的例子thinkphp中ajax

    Ext 2 中文API

    API大部分是中文,但也有些没有翻译 使用要求:Adobe AIR虚拟机 v1.1或以上 下载地址...AIR版文档中心下载: http://www.ajaxjs.com/docs/Ext 2 API Documentation.zip ~3MB 用法:直接打开2.1 API Documentation.exe

    ExtAspNet_v2.3.2_dll

    -重命名AccordionPanel为AccordionPane (这也是在Asp.net AJAX中使用的名称). +所有的面板默认有两个集合属性(Toolbars和Items). -尽管TabStrip, From, Tree, Accordion继承了Items属性,但是你并不能对其设置...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    在使用myeclipse过程中,我使用ajax同步请求传递参数到后台却出现中文乱码,这是我解决问题的代码,希望对您有所帮助

    ExtJSWeb应用程序开发指南(第2版)

    6.14 Ext.KeyMap提供更灵活强大的对按键的处理方法 6.14.1 构造函数 6.14.2 给对象添加键盘绑定 6.14.3 废弃已绑定到KeyMap的配置 6.14.4 将KeyMap或废弃的配置重新生效 6.14.5 获取当前KeyMap配置是否为有效 ...

    ext核心api详解(3)

    ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。本文详细介绍extjs的api的使用方法。

    New of GWT Introduction--GWT开发快速入门

    本文中作者将介绍如何使用 GWT 开发 Ajax 应用的基本方法和步骤。 Ajax简介 Ajax是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写,由XHTML、CSS、JavaScript、XMLHttpRequest、XML等技术组合而成,是...

Global site tag (gtag.js) - Google Analytics