通过js发送请求的几种方法
? var httpAdapter;
??? //创建一个httpAdapter对象
??? function GethttpAdapterRequest()
??? {
??????? //httpAdapter = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new httpAdapterRequest();
???????? return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
??? }
???
??? //以Get方式发送请求,默认Content-Type为"text/xml; charset=gb2312"
??? this.GetData = function(url)
??? {
??????? httpAdapter = GethttpAdapterRequest();
?? httpAdapter.Open("GET",url, false);
?? httpAdapter.SetRequestHeader ("Content-Type","text/xml; charset=gb2312");
//?? httpAdapter.SetRequestHeader ("SOAPAction","http://tempuri.org/getStr");
?? httpAdapter.Send(context);
?? return httpAdapter;
??? }
???
??? //以POST方式发送请求,默认Content-Type为"application/x-www-form-urlencoded"
??? this.PostData = function (url,context)
??? {
??????? httpAdapter = GethttpAdapterRequest();
??????? httpAdapter.Open("POST",url, false);
?? httpAdapter.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//?? httpAdapter.SetRequestHeader ("SOAPAction","http://tempuri.org/getStr");
?? httpAdapter.Send(context);
?? return httpAdapter;
??? }
???
???
??? this.GetDataInAsync = function (url,callbackMethod)
??? {
??????? httpAdapter = GethttpAdapterRequest();
?? httpAdapter.Open("GET",url, true);
?? httpAdapter.SetRequestHeader ("Content-Type","text/xml; charset=gb2312");
//?? httpAdapter.SetRequestHeader ("SOAPAction","http://tempuri.org/getStr");
?? httpAdapter.Send(context);
?? httpAdapter.onreadystatechange = callbackMethod;
??? }
???
??? this.PostDataInAsync = function (url,context,callbackMethod)
??? {
??????? httpAdapter = GethttpAdapterRequest();
??????? httpAdapter.Open("POST",url, true);
?? httpAdapter.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//?? httpAdapter.SetRequestHeader ("SOAPAction","http://tempuri.org/getStr");
?? httpAdapter.Send(context);
?? httpAdapter.onreadystatechange = callbackMethod;
??? }
???
??? //获取指定地址的域名
??? this.GetHost = function(url)
??? {
??????? var host = "null";
??????? var ArryHost=new Array();
??????? if(typeof url == "undefined"|| null == url)
??????? {
??????????? url = window.location.href;
??????? }
??????? var regex = /.*\:\/\/([^\/]*).*/;
??????? var match = url.match(regex);
??????? if(typeof match != "undefined" && null != match)
??????? {
??????????? ArryHost = match[1].split(/:/);
??????????? host =ArryHost[0];
??????? }
??????? return host;
??? }
???
??? //获取当前地址的域名
??? this.GetLocalHost=function()
??? {
?????? return GetHost(document.URL);
??? }
?
? 以前每次写AJAX请求总要写好几个JS函数，包括创建XMLHttpRequest对象、发送请求、成功后的处理函数和失败后的处理函数，下面的JS是把这些东西重构之后参数化的形式，然后放到一个单独的net.js里，后续使用只需引入这个JS，然后新建相应的对象和处理函数即可，可以直接拿来使用
?? var net = new Object();
?? net.READY_STATE_UNINITIALIZED = 0;
?? net.READY_STATE_LOADING = 1;
?? net.READY_STATE_LOADED = 2;
?? net.READY_STATE_INTERACTIVE = 3;
?? net.READY_STATE_COMPLETE = 4;
?
???
?? net.ContentLoader = function(url,onload,onerror,method,params,contentType)
?? {
??? this.req = null;
??? this.onload = onload;
??? this.onerror = (onerror) ? onerror : this.defaultError;
??? this.loadXMLDoc(url,method,params,contentType);
?? }
?
?? net.ContentLoader.prototype = {
???
?? onReadyState: function(){
??????
???? var req = this.req;
???? var ready = req.readyState;
???? if(ready == net.READY_STATE_COMPLETE)
???? {
??????? var httpStatus = req.status;
???? if(httpStatus == 200 || httpStatus == 0)
???????? this.onload.call(this);
??????? else
???????? this.onerror.call(this);
??????????? }
??? },
??? defaultError: function(){
??????????
???? alert("error in fetching data!! readyState=="+this.req.readyState+"\n\nstatus="+this.req.status
????????? +" \n\nheaders"+this.req.getAllResponseHeaders());
??? }
?
?? }
?
?? net.ContentLoader.prototype.loadXMLDoc = function(url,method,params,contentType){
???? if(!method)? //如果没有传入method 参数值，则默认为GET
???? {
???????? method = "GET";
???? }
???? if (!contentType && method=="POST"){
???????? contentType="application/x-www-form-urlencoded;";
???? }
????????
???? if(window.XMLHttpRequest)
???? {
??????? this.req = new XMLHttpRequest();
????? }
???? else if(window.ActiveXObject)
???? {
??????? this.req = new ActiveXObject("Microsoft.XMLHTTP");
???? }
???? if(this.req)
???? {
????????
?????? try{
?????????? ?var loader = this;???
??????????? this.req.onreadystatechange = function(){
??????????????? loader.onReadyState.call(loader);
??????????? }
??????????? this.req.open(method,url,true);?
??????????? //POST方法需要设置的属性
??????????? if (contentType){
?????????????? this.req.setRequestHeader("Content-Type", contentType);
????? ????? }?
??????????? this.req.send(params);
?????
????? ?}catch(err)
????? {?
????????? this.onerror.call(this);
????? }
??? }
?}
?
??? 代码内容不在做过多解释，如果你对JS面向对象和prototype不太熟悉的话请查阅相关书籍，下面演示如何使用:
1.?把上述内容单独放到一个文件net.js（名称可自己定义)
2. 在要使用的JSP页面上引入这个net.js??即? <script src="net.js"> </script>
3. 发送请求GET方式
?? new? net.ContentLoader("http://localhost:8080/CfgWeb/AppLogin.do",getMessage);??
?? 其中第一个参数是请求的后台程序地址，第二个参数是请求成功后的处理函数（自己定义）
?? 后面的参数可省略，也可自己添加第三个参数（请求不成功的处理函数）
?? function getMessage()
?? {
??????? alert(this.req.responseText);? //简单的输出返回结果的字符串形式
??????? alert(this.req.responseXML);?? //XML形式，后面就根据你的需要解析这个XML了
?? }
4. 发送POST请求
?? new net.ContentLoader("http://localhost:8080/CfgWeb/AppLogin.do?formAction=autoComplete",getMessage,null,"POST","&userName=wangwei&password=123" );
?? function getMessage()
?? {
??????? alert(this.req.responseText);? //简单的输出返回结果的字符串形式
??????? alert(this.req.responseXML);?? //XML形式，后面就根据你的需要解析这个XML了
?? }
?