最近在做一个项目时候用到了使用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跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
在"ajax使用方法.txt"文件中,可能包含了更具体的使用示例和注意事项,如如何配置请求头、处理跨域问题、使用JSONP等。建议详细阅读此文件,以获取更全面的使用指南。 总之,Ext3.1的Ajax功能强大且灵活,能够帮助...
首先,`Ext.Ajax.request`的基本语法如下: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', // 可选值有 'GET', 'POST', 'PUT', 'DELETE' 等 params: {key: value}, // 请求参数,可以是...
"Ext Ajax 上传文件"这个主题涉及到的是使用Ext JS框架中的Ajax组件来实现文件的上传功能。Ext JS是一个强大的JavaScript库,专门用于构建富客户端应用程序,它提供了一系列丰富的UI组件和强大的数据管理工具。 ...
在JavaScript编程中,`Ext.Ajax.request`是Ext JS库中的一个核心方法,用于发起Ajax(异步JavaScript和XML)请求。它允许开发者与服务器进行数据交互,无需刷新整个页面,提高了用户体验。然而,当你尝试将`Ext.Ajax...
总的来说,这个“ext/ajax开发资料”应包含EXT库的Ajax使用方法,以及可能的JavaScript和EXT基础内容,是学习和提升EXT应用开发能力的好资源。通过实践其中的实例代码,开发者能够深入理解EXT如何与Ajax技术结合,...
EXT,全称EXT JS,是一种基于JavaScript的开源前端框架,主要应用于构建富互联网应用程序(RIA)。EXT JS的设计理念是提供一套完整的组件模型、数据绑定机制和丰富的用户界面控件,以便开发者可以创建出功能强大、...
然而,如果我们需要为整个应用的Ajax请求设置统一的拦截器,可以使用`Ext.Ajax.on`方法来监听`beforerequest`和`requestcomplete`事件: ```javascript Ext.Ajax.on('beforerequest', function(connection, options...
通过本例的学习,我们可以了解到如何使用Ext2.0框架中的Ajax对象与ArcIMS服务器进行交互的基本流程。这不仅涉及到XMLHttpRequest对象的使用,还包括了Ext2.0提供的Ajax请求方法的配置和使用。这些知识对于开发者来说...
在使用`Ext.Ajax.request`方法时,设置`async`参数为`false`可以使请求变为同步。例如: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', async: false, // 设置为false表示同步请求 ...
JavaScript是EXT JS的基础,它是一种广泛使用的客户端脚本语言,用于在用户的浏览器上运行代码,实现动态交互效果。JavaScript与EXT JS的结合使得开发者可以利用EXT JS提供的高级UI组件和数据管理功能,同时利用...
在Ext JS的学习路径上,初学者通常会从下载、安装框架开始,然后通过学习Ext的基本概念,如Element、Widgets、Ajax等,逐步过渡到布局的使用、Grid组件和Menu组件的创建,再到模板的使用和表单组件的构建,最后深入...
它包含了关于该版本中所有类、方法、属性和事件的详细说明,帮助开发者理解和使用Ext JS的各种功能。通过阅读`ext.doc`文档,你可以了解到如何初始化组件、创建布局、处理事件、使用数据绑定等核心概念,这对于学习...
通过这个压缩包,开发者可以获得完整的EXT框架,包括所有必要的JS文件,以及相关的文档和示例,以便于学习和使用EXT Ajax库。 在实际开发中,EXT Ajax库的使用能够显著提升Web应用的交互性和性能,使得数据操作更加...
5. **Ajax通信**:EXT JS提供了封装的Ajax请求方法,通过源码可以了解它是如何处理异步请求的。 6. **主题与皮肤**:EXT JS支持更换主题,源码中可以看到如何定制和应用不同的视觉样式。 通过详细阅读和分析这些源...
Ext AJAX的`submit`方法是Ext JS框架中用于发送异步HTTP请求的重要组成部分,它主要用于处理表单数据的提交。这个方法提供了与服务器端进行数据交互的灵活性,使得无需页面刷新就能更新或保存数据,极大地提高了用户...
10. **API文档**:Ext JS 2.2提供详尽的API文档,对每个类、方法和属性都有清晰的解释,帮助开发者更好地理解和使用这个库。 11. **社区支持**:尽管2.2版本相对较老,但在当时和之后的一段时间里,它拥有庞大的...