javascript - 构造函数中的增量变量(JS)

Question

我从 2 个不同的 API 获取数据，并编写了一个构造函数，该函数将根据对象创建的新实例启动 XMLHttpRequest(如果有任何意义的话......)。获取并解析数据后，我想将其保存到不同的命名变量中。例如:试验1数据、试验2数据。此时，对象的新实例会覆盖数据变量。代码如下:

var api = "http://www.filltext.com/?rows=10&fname={firstName}&lname={lastName}&pretty=true";
var api2 = "http://www.filltext.com/?rows=10&fname={firstName}&lname={lastName}&tel={phone|format}&address={streetAddress}&city={city}&state={usState|abbr}&zip={zip}&pretty=true";

function FetchData(apiType) {
    var r = new XMLHttpRequest();
    this.apiType = apiType;
    this.request = function() {
        r.open("GET", apiType, true);
        r.onload = function() {
        var data = JSON.parse(r.responseText);
        }
        r.send(null);
    }
}

trial1 = new FetchData (api);
trial1.request();

trial2 = new FetchData (api2);
trial2.request();

感谢 XMLHttpRequest 提示，但问题是根据新对象的数量将每个数据保存到单独的变量中，例如 Trial1data 和 Trial2data(或任何其他有意义且我可以稍后重复使用的变量)我来创造。

Answer 1

您的var r = new XMLHttpRequest();很常见。

您需要将其移动到函数内部，以便在每次调用构造函数时创建单独的请求。

function FetchData(apiType) {

    this.apiType = apiType;
    this.request = function() {

        var r = new XMLHttpRequest();

        r.open("GET", apiType, true);
        r.onload = function() {
           var data = JSON.parse(r.responseText);
           console.log(data);
        }
        r.send(null);
    }
}