xzj127

// JavaScript 文件


// Ajax 部分
//author : BingShan
//Date : 2008-4-26
//anybody can using it
//Welcome Ajax World!


var Ajax=function()
{
//成员变量
var xmlHttp; //XMLHttpRequest 对象
var url; // 后台访问路径
var obj; //<div> id 对象
var va; //这是参数字符串 现在没有用到 如: stuName=wang&stuNo=1001

//Create XMLHttpRequest Object
function createXmlHttp(){
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
} else {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}

//对外调用函数
//create XmlHttp() 实例化 xmlHttp
//url 访问的后台
//objName 是一个标签的 id 比如: <div id='msg'></div> 这里的objName 就是 msg
this.Init=function(url,objName)
{
createXmlHttp();
this.url=url;
obj=objName;
this.va=null;
}

//ajax----GET Method Operator------------
this.DoGetMethod=function(){
xmlHttp.onreadystatechange=getData;
xmlHttp.open("GET",this.url,true);
xmlHttp.send(this.va);
}

//ajax----POST Method Operator-------------
//这里的 send () 传的值是 null
//因为 在开发过程中在 send() 方法中传值是很容易出错的.有多个参数.也许就传过去一个...(我碰见过这种情况)
//当然 这也要看运行环境
//所以 就写成了这种形式
this.DoPostMethod=function(){
xmlHttp.onreadystatechange=getData;
xmlHttp.open("POST",this.url,true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.send(this.va);
}

//当 xmlHttp.readyState 等于 4 的时候,说明操作成功.
//xmlHttp.responseText 是获得返回的数据
function getData(){
if(xmlHttp.readyState==4){
obj.innerHTML=xmlHttp.responseText;
}
}
}

//一句话轻松搞定 ajax o(∩_∩)o
//使用方式: new AjaxUtil().doPost(url,objName); Post方法
// new AjaxUtil().doGet(url,objName); Get方法
var AjaxUtil=function(){
var ajax=new Ajax();

//doPost 方法
this.doPost=function(url,objName){
ajax.Init(url,objName);
ajax.DoPostMethod();
}

//doGet
this.doGet=function(url,objName){
ajax.Init(url,objName);
ajax.DoGetMethod();
}
}