ExtJS对 Ajax的支持

Ext.Ajax.Request

var name = document.forms['ss'].uname.value;
            var pwd = document.forms['ss'].pwd.value;
            function send() {
                Ext.Ajax.request({
                    url: 'Handler.ashx',
                    params: { uname: name, pwd: pwd },   //请求参数

                   // form:’formId’,  //以表单形式提交
                    callback: function (options, success, response) { //success  bool型,返回是否成功,response是包含响应值的 xmlhttprequest对象,
                        var text = response.responseText;

                        alert(text + success);

 

                    }
                });


            }

            Ext.EventManager.on('Button1', 'click', send);

表单:

<form id="ss">
   <input id="Text1" name="uname" type="text" />
   <input id="Text2" name="pwd" type="text" />
   <input id="Button1" type="button" value="button" />
   </form>

 

以params形式请求: image


ElementLoader

实现定时发送ajax请求, 获取数据,更新内容

本例 实现的效果是 时间动态改变

Ext.onReady(function () {


          var loader = Ext.get('ss').getLoader();  //获取元素的加载器对象

          loader.startAutoRefresh(1000, { url: 'Handler.ashx' });//定时请求url

 

      })

服务器端代码:Response.Write("<font color=red>" + DateTime.Now + "</font>");

posted @ 2012-02-27 13:22  高捍得  阅读(296)  评论(0编辑  收藏  举报