javascript - Obj构造函数中的AJAX回调

原文 标签 javascript ajax constructor geocoding gdata-api

我有一个名为Location的类对象,可以与Google配合使用,以便对给定地址进行地理编码。
地理编码请求通过AJAX调用进行处理,并通过回调处理,一旦响应到达,回调将启动类成员。

这是代码:

function Location(address) {
    this.geo = new GClientGeocoder();
    this.address = address;
    this.coord = [];

    var geoCallback = function(result) {
        this.coord[0] = result.Placemark[0].Point.coordinates[1];
        this.coord[1] = result.Placemark[0].Point.coordinates[0];
        window.alert("I am in geoCallback() lat: " + this.coord[0] + "; lon: " + this.coord[1]);
    }

    this.geo.getLocations(this.address, bind(this, geoCallback));                   
}
Location.prototype.getAddress = function() { return this.address; }
Location.prototype.getLat = function() { return this.coord[0] }
Location.prototype.getLng = function() { return this.coord[1] }


我的问题是:是否可以在退出构造函数之前等待Google的响应?

我无法控制AJAX请求,因为它是通过Google API发出的。

我想确保一旦创建Location obj后this.coord[]正确初始化。

谢谢!

最佳答案

不,您不能(不应阅读)等待。这就是为什么它首先被称为AJAX(“异步Java语言...”)的原因。 ;)

您可以自己使用回调函数(前面的未经验证的代码)。

function Location(address, readyCallback) {
  this.geo = new GClientGeocoder();
  this.address = address;
  this.coord = [];
  this.onready = readyCallback;

  this.geo.getLocations(this.address, bind(this, function(result) {
    this.coord[0] = result.Placemark[0].Point.coordinates[1];
    this.coord[1] = result.Placemark[0].Point.coordinates[0];
    if (typeof this.onready == "function") this.onready.apply(this);
  }));
}
Location.prototype.getAddress = function() { return this.address; }
Location.prototype.getLat = function() { return this.coord[0] }
Location.prototype.getLng = function() { return this.coord[1] }

// ... later ...

var l = new Location("Googleplex, Mountain View", function() {
  alert(this.getLat());
});

相关文章:

php - JSON到HTML表

c++ - 为什么在这种情况下没有调用复制构造函数

javascript - YUI3换档器更改构建目录

javascript - 重构以删除结尾的<br>

javascript - 为什么在JavaScript中“” ==“ 0”为假?

class - Typescript类:“重载签名与函数实现不兼容”

java - 构造函数将抽象类的对象作为参数

javascript - 为什么向下滚动时不重新加载数据,而在无限滚动中返回页面顶部时为什么不重新加载数据?

javascript - 将复杂的表单数据发送到调用ASP.NET页的Ajax

javascript - Ajax链接作为列表项