在使用extjs3.3的过程中,发现extjs3.x已经把extjs2.x中的ajax同步请求的方法(Ext.lib.Ajax.getConnectionObjec)干掉了,那如何时好?在一些特定场合下,还是需要ajax的同步请求来能满足需求!很简单,extjs3.x既然指导这个方法去掉了,那我们自行把这个方法还不行吗?!把以下代码放到一个js文件中,使用的时候把此js文件引进页面即可。
Ext.lib.Ajax.getConnectionObject = function() {
var activeX = ['MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
function createXhrObject(transactionId) {
var http;
try {
http = new XMLHttpRequest();
} catch (e) {
for (var i = 0; i < activeX.length; ++i) {
try {
http = new ActiveXObject(activeX[i]);
break;
} catch (e) {
}
}
} finally {
return {
conn : http,
tId : transactionId
};
}
}
var o;
try {
if (o = createXhrObject(Ext.lib.Ajax.transactionId)) {
Ext.lib.Ajax.transactionId++;
}
} catch (e) {
} finally {
return o;
}
};
以下是一个简单的使用例子:
var conn = Ext.lib.Ajax.getConnectionObject().conn;
conn.open("POST", "YourRequestUrl", false);
conn.send(null);
var result = eval("(" + conn.responseText + ")");
分享到:
相关推荐
总结来说,`Ext.Ajax.request`在EXTJS中是进行Ajax通信的关键工具,通过调整其配置参数,我们可以实现同步请求。尽管同步请求有其应用场景,但应谨慎使用,以避免对用户体验造成负面影响。在EXTJS 2.x这样的老版本中...
4. **Ajax交互**:ExtJS 3.x 提供了强大的Ajax功能,如AJAX请求对象、数据Proxy,使得与服务器端数据交换变得更加简单。 5. **Store和Model**:数据存储机制,Store负责管理数据集,Model定义了数据结构和验证规则...
### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域,特别是使用ExtJS框架进行界面设计时,文件上传功能是必不可少的一部分。然而,随着ExtJS版本的更新,原有的多文件上传组件可能不再兼容...
8. **Ajax和JSONP**:ExtJS内置了Ajax请求和JSONP跨域请求的机制,方便与服务器进行异步通信。 9. **工具提示(ToolTips)**:提供自定义的工具提示功能,可以包含HTML内容和延时显示等高级特性。 10. **国际化...
标题中提到的"extjs ajax同步请求所需js"是指ExtJS框架中用于执行同步Ajax请求的相关JavaScript代码。在ExtJS中,Ajax请求通常通过`Ext.Ajax`对象来实现。与传统的异步请求不同,同步请求会阻塞浏览器,直到请求完成...
### ExtJS 3.0 AJAX 同步请求详解 #### 一、引言 ExtJS 是一款基于 JavaScript 的开源框架,用于构建现代化的 Web 应用。它提供了丰富的 UI 组件以及强大的数据处理能力,使得开发者能够快速地开发出高质量的企业...
在处理异步和同步请求时,Ext.Ajax是ExtJS中的一个关键组件。标题提到的"ext-basex.js进行Ext.Ajax.request同步请求 FF无法正常"问题,涉及到浏览器兼容性和异步/同步请求的理解。 `Ext.Ajax.request`是ExtJS中的一...
3. **分页参数**:分页存储会自动处理分页请求中的参数,如`start`(开始索引)和`limit`(每页记录数)。这些参数会发送到服务器,以便服务器返回相应页的数据。 4. **监听事件**:你可以监听`load`事件来响应数据...
在使用ExtJs开发Web应用程序时,实现用户在进行耗时的Ajax请求时的等待提示效果是一个常见的需求。ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法...
总之,理解和正确使用Ajax同步与异步是ExtJS开发中的重要技能。遇到问题时,应首先检查配置,然后关注服务器响应和回调处理,最后考虑优化请求策略以提高用户体验。对于具体的解决方案,建议查看博客链接中的内容,...
4. **Ajax支持**:ExtJS 3.0.3 提供了强大的Ajax功能,可以方便地进行异步数据请求和响应处理,支持JSON、XML等多种数据格式。 5. **可扩展性**:框架设计灵活,易于扩展。开发者可以创建自定义组件,或通过继承...
3. **数据绑定**:ExtJS 2.0引入了数据绑定的概念,使得UI组件可以直接与数据源进行同步。通过Store对象,开发者可以方便地管理和更新数据,而UI会自动反映这些变化,极大地简化了数据驱动应用的开发。 4. **Ajax...
- ExtJs提供了`Ext.Ajax`类来处理Ajax请求。例如,发送一个GET请求: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', success: function(response) { var result = Ext.decode(response....
而前端的ExtJs 4负责展示和交互,通过Ajax请求与后端进行通信。通过这样的架构,开发人员可以专注于业务逻辑,而不是底层技术细节,提高了开发效率。 总结来说,这个框架提供了一个学习和实践多种流行技术的机会,...
5. **异步与同步请求**: - 默认情况下,Ajax请求是异步的,这意味着浏览器不会等待响应,而是继续执行其他代码。如果需要等待响应,可以设置`async`为`false`。 6. **缓存控制**: - Ajax请求可能会受到浏览器...
本文将主要探讨Extjs框架下实现Ajax同步POST请求时参数的发送方式。 首先,了解Extjs框架中的Ajax请求机制是非常重要的。Extjs提供了一个便捷的Ajax调用方式,通过Ext.Ajax.request方法,开发者可以非常方便地发起...
在标题提到的"同步请求包"问题中,EXTJS默认情况下,`Ext.Ajax.request`是异步执行的,但有时我们可能需要同步请求,例如在某些数据初始化场景。要实现同步请求,需要设置配置项`async: false`: ```javascript Ext...
如果希望同步请求,可将其设置为false。 - `timeout`可以设置请求超时时间。 - `jsonData`或`xmlData`可以用来直接传递JSON或XML数据,避免手动编码。 - `useDefaultXhrHeader`控制是否发送默认的`X-Requested-...
5. **Ajax和JSON**:探讨如何使用ExtJS进行Ajax请求,以及JSON数据格式在ExtJS中的应用,包括数据解析和序列化。 6. **表单处理**:详细介绍ExtJS的表单组件和表单处理机制,包括验证、提交和响应。 7. **图表和...
4. **Ajax支持**:通过Ext.Ajax对象,开发者可以轻松地进行异步请求,处理JSON或XML数据,实现页面的无刷新更新。 5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6....