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

简介:
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,如需转载请自行联系原作者
目录
相关文章
|
9天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
13 0
|
6月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
37 0
|
1月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
1月前
|
移动开发 前端开发 安全
Ajax跨域的所有方法(最详细带使用教程!!!)
Ajax跨域的所有方法(最详细带使用教程!!!)
|
2月前
|
数据采集 Web App开发 前端开发
Python爬虫之Ajax分析方法与结果提取#6
Ajax分析方法、Ajax结果提取【2月更文挑战第20天】
36 0
Python爬虫之Ajax分析方法与结果提取#6
|
2月前
|
XML 前端开发 JavaScript
AJAX get() 和 post() 方法
AJAX(Asynchronous JavaScript and XML)是一种用于创建快速和动态网页的技术,它允许使用 JavaScript 和 XMLHttpRequest 对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。jQuery 提供了几个用于 AJAX 操作的方法,包括 .ajax()、.get() 和 .post()
14 1
|
3月前
|
前端开发 JavaScript
|
3月前
|
JSON 前端开发 JavaScript
探秘 AJAX:让网页变得更智能的异步技术(下)
探秘 AJAX:让网页变得更智能的异步技术(下)
探秘 AJAX:让网页变得更智能的异步技术(下)
|
3月前
|
XML 前端开发 JavaScript
探秘 AJAX:让网页变得更智能的异步技术(上)
探秘 AJAX:让网页变得更智能的异步技术(上)
探秘 AJAX:让网页变得更智能的异步技术(上)
|
3月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
29 0