ExtJs ajax调用汇总

1. //异步ajax调用
2. /**
3. *异步调用ajax，成功后返回值，作为回调函数的参数调用失败会提示
4. *
5. *@param{}
6. *urlStr
7. *@param{}
8. *paramsObj
9. *@param{}
10. *callbackFunc
11. */
12. functionajaxCall(urlStr,paramsObj,callbackFunc){
13. Ext.Ajax.request({
14. url:urlStr,
15. params:paramsObj,
16. method:'POST',
17. success:function(response){
18. if(callbackFunc){
19. varresult=Ext.util.JSON
20. .decode(response.responseText);
21. varcbfn=callbackFunc.createCallback(result);
22. cbfn();
23. }
24. },
25. failure:function(){
26. Ext.Msg.alert("提示","方法调用失败");
27. }
28. });
29. }

1. /**
2. *通用JS同步ajax调用返回jsonObject
3. *
4. *@param{}
5. *urlStr
6. *@param{}
7. *paramsStr为字符串键值对形式“key=value&key2=value2”
8. *@return{}返回jsonObject
9. */
10. functionajaxSyncCall(urlStr,paramsStr){
11. varobj;
12. varvalue;
13. if(window.ActiveXObject){
14. obj=newActiveXObject('Microsoft.XMLHTTP');
15. }elseif(window.XMLHttpRequest){
16. obj=newXMLHttpRequest();
17. }
18. obj.open('POST',urlStr,false);
19. obj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
20. obj.send(paramsStr);
21. varresult=Ext.util.JSON.decode(obj.responseText);
22. returnresult;
23. }

1. //EXTJS同步ajax调用
2. varconn=Ext.lib.Ajax.getConnectionObject().conn;
3. conn.open("GET",'yoururl',false);
4. conn.send(null);
5. alert(conn.responseText);

1. Ext.lib.Ajax.request=function(method,uri,cb,data,options){
2. if(options){
3. varhs=options.headers;
4. if(hs){
5. for(varhinhs){
6. if(hs.hasOwnProperty(h)){
7. this.initHeader(h,hs[h],false);
8. }
9. }
10. }
11. if(options.xmlData){
12. if(!hs||!hs['Content-Type']){
13. this.initHeader('Content-Type','text/xml',false);
14. }
15. method=(method?method:(options.method?options.method:'POST'));
16. data=options.xmlData;
17. }elseif(options.jsonData){
18. if(!hs||!hs['Content-Type']){
19. this.initHeader('Content-Type','application/json',false);
20. }
21. method=(method?method:(options.method?options.method:'POST'));
22. data=typeofoptions.jsonData=='object'?Ext.encode(options.jsonData):options.jsonData;
23. }
24. }

1. Ext.lib.Ajax.syncRequest=function(method,callback,postData)
2. {
3. varo=this.getConnectionObject();
5. if(!o){
6. returnnull;
7. }
8. else{
9. o.conn.open(method,false);
11. if(this.useDefaultXhrHeader){
12. if(!this.defaultHeaders['X-Requested-With']){
13. this.initHeader('X-Requested-With',this.defaultXhrHeader,true);
14. }
15. }
17. if(postData&&this.useDefaultHeader&&(!this.hasHeaders||!this.headers['Content-Type'])){
18. this.initHeader('Content-Type',this.defaultPostHeader);
19. }
21. if(this.hasDefaultHeaders||this.hasHeaders){
22. this.setHeader(o);
23. }
25. o.conn.send(postData||null);
26. this.handleTransactionResponse(o,callback);
27. returno;
28. }
29. };

1. //调用
2. Ext.Ajax.request({
3. url:'',
4. scope:this,
5. sync:true,
6. success:function(){}
7. });
   

原文