XMLHttpRequest对象使用示例

下面是常用的XMLHttpRequest对象的ajax代码：
前台Javascript调用：
var xmlHttp; //用于保存XMLHttpRequest对象的全局变量
//用于创建XMLHttpRequest对象
function createXmlHttp()
{
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式

} else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();//FireFox、Opera等浏览器支持的创建方式
}
}
function useAjax(){
createXmlHttp(); //创建XMLHttpRequest对象
var city=document.getElementById("ddlCity").value;
var postbody="ddlCity="+city;

xmlHttp.open("GET", "Process.aspx?"+postbody, true); //发送GET请求
xmlHttp.onreadystatechange = submitPostCallBack; //设置回调函数
//设置post请求体类型 ，下面的两行代码只需在post时需要写的，get时不需要写
//xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//xmlHttp.setRequestHeader("Content-Length",postbody.length);
xmlHttp.send(null);
}
//获取查询选项的回调函数
function submitPostCallBack()
{
var obj;//接收responseText
if (xmlHttp.readyState == 4)
{
obj=xmlHttp.responseText;
document.getElementById("selcom").innerHTML=obj;

　　 //处理返回的值 json等

　　　　。。。
}
}