一個方便AJAX開發的通用類
2024-09-01 08:29:51
供稿:網友
Name: AJAXRequest
Author: HotHeart(xujiwei)
Site: http://www.xujiwei.cn/
Blog: http://www.xujiwei.cn/blog/
Copyright (c) 2006, All Rights Reserved
類名:AJAXRequest
版本:0.3
日期:2006-12-18
介紹:AJAXRequest是一個方便AJAX開發的通用類,可以方便地進行一些AJAX中需要的操作,從而簡化開發步驟,減少重復代碼編寫量。
創建方法:
var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]);
如果創建失敗則返回false
屬性:
url - 請求URL,字符串,默認為空
callback - 回調函數,即返回響應內容時調用的函數,默認為直接返回,回調函數有一個參數為XMLHttpRequest對象,即定義回調函數時要這樣:function mycallback(xmlobj)
content - 請求的內容,如果請求方法為POST需要設定此屬性,默認為空字符串
method - 請求方法,字符串,POST或者GET,默認為POST
async - 是否異步,true為異步,false為同步,默認為true
方法
function send([url],[callback],[content],[method],[async])
發送請求,可選參數列表為空就使用對象屬性
function get([url],[callback])
使用GET方法請求一個URL,可選參數默認使用對象屬性
function post(form_obj,[callback],[url],[method])
發送一個表單到指定URL,form_obj為指定表單對象,可選參數為空時使用對象屬性
示例:
1. get方法
function test1() {
var ajax=new AJAXRequest;
ajax.get(
"test.asp",
function(obj) {
document.getElementById("test1").value=obj.responseText;
}
);
}
2. post方法
function test2() {
var ajax=new AJAXRequest;
ajax.post(
document.getElementById("test2c"),
function(obj) {
document.getElementById("test2r").innerHTML=obj.responseText;
}
);
}
代碼如下:
/*------------------------------------------
Author: xujiwei
Website: http://www.xujiwei.cn
E-mail: vipxjw@163.com
Copyright (c) 2006, All Rights Reserved
------------------------------------------*/