ajax方法总结

利用ajax取得用户列表,并放在listbox中

1.//该方法创建一个XMLHttpRequest对象，并返回。
function createXMLHttpRequest() {
var xmlHttp;
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}

2.//创建浏览器兼容的XMLHttpRequest对象
function CreateXmlHttp(){
var xmlhttp;
try{
xmlhttp=new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){

try{
xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp=new XMLHttpRequest();
}catch(e){}
}

}
return xmlhttp;
}

3.//ajax调用对象

getData=function(uri,json){
var xmlhttp=CreateXmlHttp();
var base=this;
//定义XMlHttpRequest对象的事件处理程序
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
base.xmlhttp = xmlhttp;
if(xmlhttp.status==200){
base.onsuccess();
}else{
base.onfailure();
}
}
}
//创建一个连接
xmlhttp.open("post",uri,true);
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//发送请求
xmlhttp.send(json);
this.onsuccess=function(){};
this.onfailure=function(){};
}

4.调用方法

//通过服务器得到对应员工的值并且添加到listBox里
function getUsers(obj)
{
var ObjGetData=new getData("?deptId="+obj.title,null);
ObjGetData.onsuccess=function()
{
var lstUser=document.getElementById("lb_user");
lstUser.length=0;
var users=this.xmlhttp.responseText.split('№');
users=users[0].split('|');

for(var i=0;i<parseInt(users.length)-1;i++)
{
var user=users[i].split(':');
var userid=user[0];
var username=user[1];
lstUser.options.add(new Option(username,userid));
}
}

ObjGetData.onfailure=function(){

...

}

}

5.服务器页面的方法

public void GetUser(int deptId)
{

string users = "";
foreach (DictionaryEntry dce in emp.GetUserByDeptId(deptId))
{
users += dce.Key.ToString() + ":" + dce.Value.ToString() + "|";
}
Response.Write(users+"№");

}