AJAX天气查询实现-优快云博客

本文链接：https://blog.youkuaiyun.com/dinggen/article/details/1764188

本文介绍了一个简单的AJAX实现天气查询的功能，通过四个关键函数完成请求的创建、发送及响应处理。具体包括根据不同浏览器创建XMLHttpRequest对象、发送GET请求获取天气信息并更新页面显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前编主要是处理部分，也就是天气查询的核心部分，现在是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);

}