AJAXRequest v0.2
更新時(shí)間:2006年12月23日 00:00:00 作者:
更新:
1)更改構(gòu)造函數(shù),使帶參數(shù),簡(jiǎn)化使用的步驟
類名:AJAXRequest
創(chuàng)建方法:
var ajaxobj=new AJAXRequest(method,url,async,content,callback);
如果創(chuàng)建失敗則返回false
屬性:method - 請(qǐng)求方法,字符串,POST或者GET,默認(rèn)為POST
url - 請(qǐng)求URL,字符串,默認(rèn)為空
async - 是否異步,true為異步,false為同步,默認(rèn)為true
content - 請(qǐng)求的內(nèi)容,如果請(qǐng)求方法為POST需要設(shè)定此屬性,默認(rèn)為空
callback - 回調(diào)函數(shù),即返回響應(yīng)內(nèi)容時(shí)調(diào)用的函數(shù),默認(rèn)為直接返回,回調(diào)函數(shù)有一個(gè)參數(shù)為XMLHttpRequest對(duì)象,即定義回調(diào)函數(shù)時(shí)要這樣:function mycallback(xmlobj)
方法:send() - 發(fā)送請(qǐng)求,無參數(shù)
一個(gè)例子:
<script type="text/javascript" src="ajaxrequest.js"></script>
<script type="text/javascript">
// 請(qǐng)求方式GET,URL為default.asp,異步
var ajaxobj=new AJAXRequest("GET","default.asp",true,null,MyCallback); // 創(chuàng)建AJAX對(duì)象
ajaxobj.send(); // 發(fā)送請(qǐng)求
function MyCallback(xmlObj) {
document.write(xmlobj.responseText);
}
ajaxrequest.js
/*------------------------------------------
Author: xujiwei
Website: http://www.xujiwei.cn
E-mail: vipxjw@163.com
Copyright (c) 2006, All Rights Reserved
------------------------------------------*/
function AJAXRequest(pmethod,purl,pasync,pcontent,pcallback) {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { xmlObj=false; }
}
}
if (!xmlObj) return false;
this.method=pmethod;
this.url=purl;
this.async=pasync;
this.content=pcontent;
this.callback=pcallback;
this.send=function() {
if(!this.method||!this.url||!this.async) return false;
xmlObj.open (this.method, this.url, this.async);
if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
ObjSelf.callback(xmlObj);
}
}
}
if(this.method=="POST") xmlObj.send(this.content);
else xmlObj.send(null);
}
}
1)更改構(gòu)造函數(shù),使帶參數(shù),簡(jiǎn)化使用的步驟
類名:AJAXRequest
創(chuàng)建方法:
var ajaxobj=new AJAXRequest(method,url,async,content,callback);
如果創(chuàng)建失敗則返回false
屬性:method - 請(qǐng)求方法,字符串,POST或者GET,默認(rèn)為POST
url - 請(qǐng)求URL,字符串,默認(rèn)為空
async - 是否異步,true為異步,false為同步,默認(rèn)為true
content - 請(qǐng)求的內(nèi)容,如果請(qǐng)求方法為POST需要設(shè)定此屬性,默認(rèn)為空
callback - 回調(diào)函數(shù),即返回響應(yīng)內(nèi)容時(shí)調(diào)用的函數(shù),默認(rèn)為直接返回,回調(diào)函數(shù)有一個(gè)參數(shù)為XMLHttpRequest對(duì)象,即定義回調(diào)函數(shù)時(shí)要這樣:function mycallback(xmlobj)
方法:send() - 發(fā)送請(qǐng)求,無參數(shù)
一個(gè)例子:
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="ajaxrequest.js"></script>
<script type="text/javascript">
// 請(qǐng)求方式GET,URL為default.asp,異步
var ajaxobj=new AJAXRequest("GET","default.asp",true,null,MyCallback); // 創(chuàng)建AJAX對(duì)象
ajaxobj.send(); // 發(fā)送請(qǐng)求
function MyCallback(xmlObj) {
document.write(xmlobj.responseText);
}
ajaxrequest.js
復(fù)制代碼 代碼如下:
/*------------------------------------------
Author: xujiwei
Website: http://www.xujiwei.cn
E-mail: vipxjw@163.com
Copyright (c) 2006, All Rights Reserved
------------------------------------------*/
function AJAXRequest(pmethod,purl,pasync,pcontent,pcallback) {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { xmlObj=false; }
}
}
if (!xmlObj) return false;
this.method=pmethod;
this.url=purl;
this.async=pasync;
this.content=pcontent;
this.callback=pcallback;
this.send=function() {
if(!this.method||!this.url||!this.async) return false;
xmlObj.open (this.method, this.url, this.async);
if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlObj.onreadystatechange=function() {
if(xmlObj.readyState==4) {
if(xmlObj.status==200) {
ObjSelf.callback(xmlObj);
}
}
}
if(this.method=="POST") xmlObj.send(this.content);
else xmlObj.send(null);
}
}
相關(guān)文章
jQuery通過Ajax向PHP服務(wù)端發(fā)送請(qǐng)求并返回JSON數(shù)據(jù)
這篇文章主要介紹了jQuery通過Ajax向PHP服務(wù)端發(fā)送請(qǐng)求并返回JSON數(shù)據(jù),設(shè)計(jì)到的知識(shí)點(diǎn)有jquery、ajax、php、json,感興趣的朋友一起學(xué)習(xí)下jquery ajax 返回json2015-10-10
Ajax跨域查詢完美解決通過$.getJSON()實(shí)現(xiàn)
瀏覽器安全上做了限制,禁止ajax跨域獲得數(shù)據(jù),可以通過jquery提供的$.getJSON()可以跨域獲得JSON格式的數(shù)據(jù),具體的實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-06-06
javascript Ajax獲取遠(yuǎn)程url的返回判斷
將以下文本放入一個(gè)HTML頁面即可看到效果,將會(huì)有兩次彈出提示,最后在頁面上顯示YES,表示完成2012-01-01
AJax 把拿到的后臺(tái)數(shù)據(jù)在頁面中渲染的實(shí)例
今天小編就為大家分享一篇AJax 把拿到的后臺(tái)數(shù)據(jù)在頁面中渲染的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08

