前编主要是处理 部分,也就是天气查询的核心部分,现在是AJAX中的部分 代码如下:
var xmlHttp;
function createXMLHttpRequest()
{
var xmlHttpRequest;
if(window.ActiveXObject)
{
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttpRequest;
}
else if(window.XMLHttpRequest)
{
xmlHttpRequest=new XMLHttpRequest();
return xmlHttpRequest;
}
}
function startXmlHttpRequest()
{
var form=document.getElementById("city");
var city=form.value;
var cityName=form.Text;
xmlHttp=createXMLHttpRequest();
xmlHttp.open("GET","weather/getHtml.php?city="+city+"&cityname="+cityName+"&time="+new Date(),true);
xmlHttp.onreadystatechange=returnText;
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(null);
}
function startTextXmlHttpRequest()
{
var form=document.getElementById("textcity");
var city=form.value;
xmlHttp=createXMLHttpRequest();
xmlHttp.open("GET","weather/textGetHtml.php?city="+city,true);
xmlHttp.onreadystatechange=returnText;
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(null);
}
function validataIpAdd()
{
}
function returnText()
{
var div=document.getElementById("result_box");
var loading=document.getElementById("loading");
div.innerHTML="";
loading.style.display="block";
if(xmlHttp.readyState==1)
{
}
else if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
div.innerHTML=xmlHttp.responseText;
loading.style.display="none";
}
}
}
主要比较简单! 由4个函数组成 1个是创建 1个是提交 一个是返回 顶部的是是判断浏览器然后创建XMLHTMLREQUES