Ext.Ajax簡單介紹

其實Ext.Ajax的使用並不難，只是當初我一直不清楚如何獲取其返回值，搞得鬱悶了一陣子，以下是一個比較簡單的例子

 1Ext.Ajax.request({
 2                    url: 'Register.aspx',
 3                    params: {
 4                        oper: 'login',
 5                        LoginEmail:Ext.get('LoginEmail').dom.value,
 6                        LoginPwd:Ext.get('LoginPwd').dom.value
 7                    },
 8                    success: function(response, options) {
 9                      var responseArray = Ext.util.JSON.decode(response.responseText);                                             
10                            if(responseArray.success=='true'){
11                                Cookies.set('Allcard_userName', responseArray.user);
12                                Ext.Msg.alert('信息','您已成功登錄！',IsLogin);    
13                            }
14                            else{
15                                Ext.Msg.alert('失敗','登錄失敗，請確認您的帳號密碼無誤！');    
16                            }
17                    }
18            });

代碼說明：
2行：URL參數是要提交到的頁面
3行：params是一個需要提交的參數集，使用逗號分隔
8行：當回調成功返回後要執行的函數
9行：獲取服務器端的回調參數值
10行：對回調值進行判斷處理

這裏需要說明一下的是如何獲取回調參數值，Extjs裏是通過JSON的數據格式來獲取參數的，因此在服務器端處理完事情後，回調的參數應該這樣寫：（以下是ASP.NET裏的寫法）

result = "{success:true,user:'winson'}";
Response.Write(result);
Response.End();

將數據以鍵值對的形式返回，接收時就可使用第一段代碼裏第9行的方法來接收，由於使用的是JSON格式，因此服務器端就可以非常方便地同時返回多個參數值了。

Ext.Ajax基本使用就是這樣，其實也挺簡單的，只是如果要在提交時增加Loading效果，那就比較麻煩了，呵，這裏我也沒深入研究

接下來還有比較複雜的表單應用！