javascript - AJAX 响应文本作为 DOM？

Question

考虑以下使用 jQuery 的函数:

function getVal() {
    jQuery.get('/relative/url/', function (data) {
        return data.getElementById('myInput').value;
    }
}

这基本上是我想做的，但我不知道应该怎么做。我知道唯一可行的方法涉及 frames 或 innerHTML，我不能使用它们，因为我必须等待元素准备就绪。唯一的方法是使用回调，并且此函数必须返回元素的值而不是其他值。我的逻辑在这里可能有问题，所以请随时纠正我。

Answer 1

首先，对于您当前的结构，您应该使用回调来返回值。要解析通过 AJAX 检索到的 HTML 字符串，您可以将其交给 jQuery，然后像往常一样查询它。

function getVal(callback) {
    jQuery.get('/relative/url/', function (data) {
        callback($(data).find('#myInput').val());
    }, 'html');
}

然后，当您调用函数 getVal 时，您需要提供回调:

getVal(function(input_val) {
    /**
     * This code will be run once the GET request finishes.
     * It will be passed one parameter - the value of #myInput in the HTML
     * response to the request (see getVal function).
     */

    alert(input_val);
});