原生 ajax 封裝

2024-04-27 15:19:36

字體：大中小

來源：轉載

供稿：網友

//http://192.168.*.**:8080/hohjkhklhkhkhjkl/ActivityLogInterface/setlog_activity?activityId=XXXX&userId=XXX&PRePage=xxx&nextPage=xxx&userip=xxxx&from_pid=xxxxvar logAjaxActionUrl = "http://**********:8080/xjcartoon_activity_BtopInterface/";//ajax 請求//同步，異步請求 /***url :請求接口地址*xhr:對象*Async:是否是異步請求（true：異步；false：同步）*method:請求方式（POST或GET）*params:請求傳送的參數*Content-Type:請求頭格式要求*data:請求獲取到的信息*****調用方法：ajax.init({url:"http://r.qzone.QQ.com/cgi-bin/user/cgi_personal_card",method:"get",params:{"format":"json","ip":"192.168.1.255"},async:true,ContentType:"application/x-www-form-urlencoded",success:function(data){aa.innerHTML=data;},fail:function(status){}});*/ function AjaxFun(option){this.option=null;this.url=null;//請求地址this.Async=null;//是否異步請求；this.method=null;//請求方式this.formatParams=function(data){//對傳參進行編碼 var arr=[];for(var name in data){arr.push(encodeURIComponent(name)+"="+encodeURIComponent(data[name]));}// arr.push(("v="+Math.random()).replace(".",""));return arr.join("&");}this.params=null;this.contentType=null;this.data=null;//請求獲取到的信息 this.init=function(option){//初始化this.option=option||{};this.url=this.option.url;//請求地址this.Async=this.option.async||true;//是否異步請求；this.method=this.option.method.toUpperCase();//請求方式this.params=this.formatParams(this.option.params);this.contentType=this.option.ContentType||"";this.data=null;//請求獲取到的信息//創建對象//console.log(this.formatParams) var xhr;if (window.xmlHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safarixhr=new xmlhttpRequest(); }else {// code for IE6, IE5 xhr=new ActiveXObject("Microsoft.XMLHTTP"); }//接收請求xhr.onreadystatechange=function(){if(xhr.readyState == 4 ){if(xhr.status == 200){ option.success && option.success(eval("("+xhr.responseText+")")); } else { option.fail && option.fail(status);//window.location.href="404.html"; }}} //判斷請求方式if(this.method=="POST"){xhr.open(this.method,this.url,this.Async);//設置提交時的內容類型if(this.contentType==""){xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");}else{ xhr.setRequestHeader("Content-type",this.contentType);}xhr.send(this.params);}else if(this.method=="GET"){xhr.open(this.method,this.url+"?"+this.params,this.Async);xhr.send(null);}};}var ajax=new AjaxFun();function setCookie(name,value){var Days = 30;var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*60*1000);document.cookie = name + "="+ value + ";expires=" + exp.toGMTString();}function getCookie(name) {var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");if (arr = document.cookie.match(reg))return unescape(arr[2]);elsereturn null;}/** * * @param {Object} userId 用戶信息 * @param {Object} from_pid 來源 * @param {Object} next_id 請求詳情Id */ function setLogInfo(userId,activityId,from_pid,next_id){ var params = new Object();//暫時設定一個定值的userid和user_ipparams.userId = userId; //params.user_ip = "8851003273568946"; params.from_pid = from_pid; //上一個頁面 params.prev_page = document.referrer || ''; //當前頁面地址 params.next_page = document.URL || ''; params.next_id = next_id; //拼接參數串 var args = ''; for(var i in params) { if(args != '') { args += '&'; } args += i + '=' + encodeURIComponent(params[i]); }var img=new Image(1,1);img.src = logAjaxActionUrl+'ActivityLogInterface/setlog_activity?loggerType=page&' + args; }//activityId=XXXX&userId=XXX&prePage=xxx&nextPage=xxx&userIp=xxxx&from_pid=xxxx/* function ajax(options) { options = options || {}; options.type = (options.type || "GET").toUpperCase(); options.dataType = options.dataType || "json"; var params = formatParams(options.data); //創建 - 非IE6 - 第一步 if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } else { //IE6及其以下版本瀏覽器 var xhr = new ActiveXObject('Microsoft.XMLHTTP'); } //接收 - 第三步 xhr.onreadystatechange = function () { if (xhr.readyState == 4) { var status = xhr.status; if (status >= 200 && status < 300) { options.success && options.success(xhr.responseText, xhr.responseXML); } else { options.fail && options.fail(status); } } } //連接和發送 - 第二步 if (options.type == "GET") { xhr.open("GET", options.url + "?" + params, true); xhr.send(null); } else if (options.type == "POST") { xhr.open("POST", options.url, true); //設置表單提交時的內容類型 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send(params); } } //格式化參數 function formatParams(data) { var arr = []; for (var name in data) { arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name])); } arr.push(("v=" + Math.random()).replace(".","")); return arr.join("&"); }*/

上一篇：深入理解JavaScript的變量作用域

下一篇：white-space 屬性驗證