AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

ExtJs异步ajax调用和同步ajax调用公用方法

2017-01-12 987
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Js代码  复制代码  收藏代码
  1. //异步ajax调用   
  2. /**  
  3.  * 异步调用ajax，成功后返回值，作为回调函数的参数 调用失败会提示  
  4.  *   
  5.  * @param {}  
  6.  *            urlStr  
  7.  * @param {}  
  8.  *            paramsObj  
  9.  * @param {}  
  10.  *            callbackFunc  
  11.  */  
  12. function ajaxCall(urlStr, paramsObj, callbackFunc) {   
  13.     Ext.Ajax.request({   
  14.                 url : urlStr,   
  15.                 params : paramsObj,   
  16.                 method : 'POST',   
  17.                 success : function(response) {   
  18.                     if (callbackFunc) {   
  19.                         var result = Ext.util.JSON   
  20.                                 .decode(response.responseText);   
  21.                         var cbfn = callbackFunc.createCallback(result);   
  22.                         cbfn();   
  23.                     }   
  24.                 },   
  25.                 failure : function() {   
  26.                     Ext.Msg.alert("提示", "方法调用失败");   
  27.                 }   
  28.             });   
  29. }   
  30. //同步ajax调用   
  31. /**  
  32.  * 同步ajax调用 返回json Object  
  33.  *   
  34.  * @param {}  
  35.  *            urlStr  
  36.  * @param {}  
  37.  *            paramsStr 为字符串键值对形式“key=value&key2=value2”  
  38.  * @return {} 返回json Object  
  39.  */  
  40. function ajaxSyncCall(urlStr, paramsStr) {   
  41.     var obj;   
  42.     var value;   
  43.     if (window.ActiveXObject) {   
  44.         obj = new ActiveXObject('Microsoft.XMLHTTP');   
  45.     } else if (window.XMLHttpRequest) {   
  46.         obj = new XMLHttpRequest();   
  47.     }   
  48.     obj.open('POST', urlStr, false);   
  49.     obj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');   
  50.     obj.send(paramsStr);   
  51.     var result = Ext.util.JSON.decode(obj.responseText);   
  52.     return result;   
  53. }  

本文转自左正博客园博客，原文链接：http://www.cnblogs.com/soundcode/archive/2011/09/21/2184385.html，如需转载请自行联系原作者
文章标签：
前端开发
JavaScript
关键词：
ajax方法
ajax异步
ajax同步
ajax.js方法
ajax.js异步
zting科技
目录
相关文章
二二*一一
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
二二*一一
250 6
听白
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
听白
141 7
听白
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
听白
170 1
听白
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
听白
84 2
听白
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
听白
112 4
听白
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
听白
130 1
听白
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
听白
113 1
龙大吉
|
前端开发 JavaScript Java
Ajax进行异步交互：提升Java Web应用的用户体验
Ajax 技术允许在不重载整个页面的情况下与服务器异步交换数据，通过局部更新页面内容，极大提升了 Java Web 应用的响应速度和用户体验。本文介绍 Ajax 的基本原理及其实现方式，包括使用 XMLHttpRequest 对象发送请求、处理响应数据，并在 Java Web 应用中集成 Ajax。此外，还探讨了 Ajax 如何通过减少页面刷新、实时数据更新等功能改善用户体验。
龙大吉
271 3
听白
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
听白
142 0
小鼠米奇
|
XML 移动开发 前端开发
JS设置Ajax为同步或异步
JS设置Ajax为同步或异步
小鼠米奇
521 0