`
编程足球
  • 浏览: 259314 次
  • 性别: 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.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

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

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

    Ext3.1 Ajax 精简包以及使用方法

    在"ajax使用方法.txt"文件中,可能包含了更具体的使用示例和注意事项,如如何配置请求头、处理跨域问题、使用JSONP等。建议详细阅读此文件,以获取更全面的使用指南。 总之,Ext3.1的Ajax功能强大且灵活,能够帮助...

    Ext.Ajax.request 小问题收集

    首先,`Ext.Ajax.request`的基本语法如下: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', // 可选值有 'GET', 'POST', 'PUT', 'DELETE' 等 params: {key: value}, // 请求参数,可以是...

    Ext ajax 上传文件

    "Ext Ajax 上传文件"这个主题涉及到的是使用Ext JS框架中的Ajax组件来实现文件的上传功能。Ext JS是一个强大的JavaScript库,专门用于构建富客户端应用程序,它提供了一系列丰富的UI组件和强大的数据管理工具。 ...

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

    在JavaScript编程中,`Ext.Ajax.request`是Ext JS库中的一个核心方法,用于发起Ajax(异步JavaScript和XML)请求。它允许开发者与服务器进行数据交互,无需刷新整个页面,提高了用户体验。然而,当你尝试将`Ext.Ajax...

    ext/ajax开发资料

    总的来说,这个“ext/ajax开发资料”应包含EXT库的Ajax使用方法,以及可能的JavaScript和EXT基础内容,是学习和提升EXT应用开发能力的好资源。通过实践其中的实例代码,开发者能够深入理解EXT如何与Ajax技术结合,...

    EXT中文文档,EXT简明教程(Ajax框架)

    EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,主要应用于构建富互联网应用程序(RIA)。EXT JS的设计理念是提供一套完整的组件模型、数据绑定机制和丰富的用户界面控件,以便开发者可以创建出功能强大、...

    Ext2.0.2的Ajax请求拦截示例

    然而,如果我们需要为整个应用的Ajax请求设置统一的拦截器,可以使用`Ext.Ajax.on`方法来监听`beforerequest`和`requestcomplete`事件: ```javascript Ext.Ajax.on('beforerequest', function(connection, options...

    使用Ext2.0的Ajax连接ArcIMS例子

    通过本例的学习,我们可以了解到如何使用Ext2.0框架中的Ajax对象与ArcIMS服务器进行交互的基本流程。这不仅涉及到XMLHttpRequest对象的使用,还包括了Ext2.0提供的Ajax请求方法的配置和使用。这些知识对于开发者来说...

    extjs ajax同步请求所需js

    在使用`Ext.Ajax.request`方法时,设置`async`参数为`false`可以使请求变为同步。例如: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', async: false, // 设置为false表示同步请求 ...

    ext js javascript ext设计软件

    JavaScript是EXT JS的基础,它是一种广泛使用的客户端脚本语言,用于在用户的浏览器上运行代码,实现动态交互效果。JavaScript与EXT JS的结合使得开发者可以利用EXT JS提供的高级UI组件和数据管理功能,同时利用...

    ext js 中文手册

    在Ext JS的学习路径上,初学者通常会从下载、安装框架开始,然后通过学习Ext的基本概念,如Element、Widgets、Ajax等,逐步过渡到布局的使用、Grid组件和Menu组件的创建,再到模板的使用和表单组件的构建,最后深入...

    ext js 打包资源下载

    它包含了关于该版本中所有类、方法、属性和事件的详细说明,帮助开发者理解和使用Ext JS的各种功能。通过阅读`ext.doc`文档,你可以了解到如何初始化组件、创建布局、处理事件、使用数据绑定等核心概念,这对于学习...

    ext Ajax库 流行

    通过这个压缩包,开发者可以获得完整的EXT框架,包括所有必要的JS文件,以及相关的文档和示例,以便于学习和使用EXT Ajax库。 在实际开发中,EXT Ajax库的使用能够显著提升Web应用的交互性和性能,使得数据操作更加...

    深入浅出ext js源码

    5. **Ajax通信**:EXT JS提供了封装的Ajax请求方法,通过源码可以了解它是如何处理异步请求的。 6. **主题与皮肤**:EXT JS支持更换主题,源码中可以看到如何定制和应用不同的视觉样式。 通过详细阅读和分析这些源...

    Ext AJAX submit方法实例

    Ext AJAX的`submit`方法是Ext JS框架中用于发送异步HTTP请求的重要组成部分,它主要用于处理表单数据的提交。这个方法提供了与服务器端进行数据交互的灵活性,使得无需页面刷新就能更新或保存数据,极大地提高了用户...

    Ext JS Library 2.2

    10. **API文档**:Ext JS 2.2提供详尽的API文档,对每个类、方法和属性都有清晰的解释,帮助开发者更好地理解和使用这个库。 11. **社区支持**:尽管2.2版本相对较老,但在当时和之后的一段时间里,它拥有庞大的...

Global site tag (gtag.js) - Google Analytics