Ext Connection

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <title>Connection</title>
        <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />
        <script type="text/javascript" src="Ext/ext-base.js"></script>
        <script type="text/javascript" src="Ext/ext-all.js"></script>
        <script type="text/javascript" src="localXHR.js"></script>
        <script type="text/javascript">
            Ext.onReady(function(){
                var conn = new Ext.data.Connection({
                    //autoAbort:表示链接是否自动断开
                    autoAbort: false,
                    //defaultHeaders:表示请求的默认首部信息
                    defaultHeaders: {
                        referer: 'http://localhost:8080/'
                    },
                    //disableCaching:表示请求是否会禁用缓存
                    disableCaching : false,
                    //extraParams:表示请求的额外参数
                    extraParams : {
                        name: 'name'
                    },
                    //method:表示请求方式
                    method : 'GET',
                    //timeout:表示连接的超时时间
                    timeout : 300,
                    //url:表示请求访问的网址
                    url : '01.txt'
                });
                //request()中可以设置success和failure两个回调函数,分别在请求成功和请求失败时调用
                //request()函数中的参数:
                // url:String => 请求url
                // params:Object/String/Function => 请求传递的参数
                // method:String => 请求方式,通常为GET或POST
                // callback:Function => 请求完成后的回调函数,无论成功或失败,都会执行
                // success:Function => 请求成功时的回调函数
                // failure:Function => 请求失败时的回调函数
                // scope:Object => 回调函数的作用域
                // form:Object/String => 绑定的form表单
                // isUpload:Boolean => 是否执行文件上传
                // headers:Object => 请求首部信息
                // xmlData:Object => XML文档对象,可以通过url附加参数的形式发起请求
                // disableCaching:Boolean => 是否禁用缓存,默认为禁用
                conn.request({
                    success: function(response) {
                        Ext.Msg.alert('info', response.responseText);
                    },
                    failure: function() {
                        Ext.Msg.alert('warn', 'failure');
                    }
                });

            });
        </script>
    </head>
    <body>
        <script type="text/javascript" src="Ext/examples/shared/examples.js"></script>
        <div id="toolbar"></div>
    </body>
</html>

 

posted @ 2013-08-22 15:06 残星 阅读(...) 评论(...) 编辑 收藏