1

我正在尝试编写一个脚本来检索 WOEID 并与 Yahoo Weather API 交互。我正在根据我正在使用的数据库中的东西的纬度和经度值构建一个 URL，并且可以完美地做到这一点。

但是，当将该 URL 存储为可以在其他函数中使用的字符串时，我遇到了麻烦。经过一些初步阅读后，它似乎与 onreadystatechange 和范围有关，但我似乎无法理解它来存储我的变量。

到目前为止，这是我的代码：

 //<![CDATA[

var latitude = "";
var longitude = "";
var yahooAppID = "";
var yql = "";

//example yahoo request
//http://where.yahooapis.com/geocode?q=38.898717,+-77.035974&gflags=R&appid=SKUTk24k


function getLatLng() {
    var routeID = 5;
    var get = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
    get.open('POST','process.php', true)
    get.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    get.send('command=fetch&rid='+routeID);
    get.onreadystatechange = function(){
        if(get.readyState==4 && get.status == 200) {
                os = eval('(' + get.responseText + ')');
                latitude = os.start.lat;
                longitude = os.start.lng;
                //var yql = 'select * from flickr.places where lat='+latitude+' and lon='+longitude;
                yql = "select * from flickr.places where lat=" +latitude+ " and lon="+longitude;
            }
            document.write(yql);
        }
        document.write(yql);
    }


function test() {
    getLatLng();
}
//]]>

第一个document.write(yql);似乎产生了正确的字符串，但第二个没有，所以我知道该值没有卡住。

如果有人可以提供帮助，请提前致谢。

4

1 回答 1

2

你看的不是范围问题——而是时间问题。AJAX 请求（至少您配置它的方式）是异步发生的，因此脚本的其余部分将在 AJAX 请求加载时执行。所以yql直到最后才更新。

另外，警告：请求完成时，您不能再使用document.write. 使用alert()或 DOM 操作。

生命周期如下所示：

  1. 脚本正常执行
  2. 匿名函数绑定到onreadystatechange
  3. readyState 从“未发送”更改为“收到的标头”，从“加载中”更改为“完成”。您的函数每次都会被调用，但您仅yql在就绪状态为“完成”时设置。
  4. readyState 完成，然后生成yql.

因此，只需从 if 内部调用您的处理函数：

if(get.readyState==4 && get.status == 200) {
        os = get.responseXML;
        //find lat + lng
        yql = "select * from flickr.places where lat=" +latitude+ " and lon="+longitude;
        process(yql); //here!
}



function process(yql) {
   alert(yql);     //do something more useful eventually
}

jsFiddle

于 2012-03-18T15:52:07.710 回答