javascript - 如何在 Javascript 中异步更新动态生成的 HTML 控件

Question

我有一个方法 getTextContent，它将通过用户的点击间接调用(方法 getTextContent 被传递给一个 API 函数，该函数将其注册到某个事件)。

该方法返回一个字符串，该字符串只是一个 HTML 字符串，然后在 API 生成的控件中显示给用户。

我想做的是异步更新 HTML 控件之一。我相信我可以创建一个 uniqueID 并使用该 ID 为 HTML 控件命名以供更改引用。

我的困惑是:如何将唯一 ID 传递给 Web 服务的返回/成功方法 (SucceededCallback)。

Webservice1.Foo(param1, SucceededCallback, FailedCallback);

这样我就有了这样的功能

function SucceededCallback(result, uniqueID) {
   document.getElementById(uniqueID).value = result;
}

我想我可以创建一个全局变量，但这似乎不合适

Answer 1

您可以使用Function.prototype.bind将上下文绑定(bind)到函数。

Webservice1.Foo(param1, SucceededCallback.bind(uniqueID), FailedCallback.bind(uniqueID));

那么函数将是:

function SucceededCallback(result) {
    document.getElementById(this).value = result;
}

或者你可以使用闭包:

Webservice1.Foo(param1, function(result) {
    SucceededCallback(result, uniqueID);
}, function(result) {
    FailedCallBack(result, uniqueID);
});

此外，您可以传递 DOM 元素本身，而不是传递 ID，这样您就不必调用 getElementById。