php ajax天气预报,AJAX天气预报前台

直接配合前面的后台程序,就可以实现跨域抓取天气信息了.

目前已完美支持firefox了

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

function $() {

return document.getElementById(arguments[0])

}

function btnSty(objId,objStyle)

{

$(objId).style.display = objStyle

}

//提示窗口控制

function ifodis(){

btnSty('loadifo','none');

}

function settime(a){

setTimeout(a,1000);

}

function loadtime(){

$("loadifo").innerHTML += "."

}

//XML数据绑定

var xmldoc = false;

function loadurl(n){

//生成随机数，同时限制刷新次数

var now=new Date();

var Num=now.valueOf();

//定义往址参数

url = "weather.asp?n="+n+"&id="+Num;

//定义为异步传输模式

xmldoc = false;

//Mozill,Safari等浏览器时需要创建的XMLHttp类

if(window.XMLHttpRequest){

xmldoc = new XMLHttpRequest();

if(xmldoc.overrideMimeType){

xmldoc.overrideMimeType('text/xml');

}

}

//IE浏览器时创建的XMLHttp类

else if(window.ActiveXObject){

try{

xmldoc = new ActiveXObject("Msxml3.XMLHTTP");

}

catch(e){

try{

xmldoc = new ActiveXObject("Msxml2.XMLHTTP");

}

catch(e){

try{

xmldoc = new ActiveXObject("Microsoft.XMLHTTP");

}

catch(e){}

}

}

}

//不能创建XMLHTTP类时返回

if(! xmldoc){

return false;

}

//调用CheckState函数

xmldoc.onreadystatechange = CheckState;

xmldoc.open('GET',url,true);

xmldoc.send(null);

}

//状态检测

function CheckState(){

btnSty('loadifo','')

//收到完整的服务器响应

if(xmldoc.readyState == 1){

$("loadifo").innerHTML = "连接服务器"

}

else if(xmldoc.readyState == 2){

$("loadifo").innerHTML = "开始加载数据"

}

else if(xmldoc.readyState == 3){

$("loadifo").innerHTML = "正在加载数据"

settime(loadtime)

}

else if(xmldoc.readyState == 4){

//HTTP服务器响应值成功

if(xmldoc.status == 200){

//将服务器返回的字符串写到页面中ID为showdiv的区域

$("loadifo").innerHTML = "加载完成"

var response = xmldoc.responseText;

settime(ifodis)

$("prolist").innerHTML = response;

}

else{

$("loadifo").innerHTML = "错误"+xmldoc.statusText+"请重新选择";

}

}

}

武汉

南昌

海口

北京

上海

广州

银川

郑州

长沙

杭州

香港

西安

成都

青岛

贵阳

济南

合肥

福州

南京

米兰