jquery 处理 ajax 对象之外的 ajax 响应

Question

我正在使用 jQuery，我需要处理在 AJAX 对象外部的 AJAX 调用期间收集的数据:

function getData(yt_url) {
    $.ajax({
        type: "GET",
        url: yt_url,
        dataType: "jsonp",
        success: function(response) {
            //   Return response here //

        },
        error: function(request, status, error) {
            alert(status);
        }
    });
}

我想调用函数getData并在AJAX成功函数中接收响应对象。

我尝试添加一些返回值，然后我当然意识到它是一个对象。

Answer 1

AJAX 是异步的，这基本上意味着它不会阻止脚本的执行(这很好，因为您的网站在加载时不会卡住)。

返回像您所做的那样是同步的，这与 AJAX 不兼容。

一种解决方案是将回调函数传递到 getData 中，该函数在 AJAX 请求完成时被调用:

function getData(yt_url, callback) {
    $.ajax({
        type: "GET",
        url: yt_url,
        dataType: "jsonp",
        success: callback,
        error: function(request, status, error) {
            alert(status);
        }
    });
}​

然后你可以像这样使用它:

getData('http://www.example.com/', function(response) {
    alert('The response was: ' + response);
});