<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>