javascript - 如何安全地依赖存在的Ajax数据

我目前正在开发SharePoint 2013解决方案，并且我们广泛使用Javascript和jQuery。我遇到了一个令人烦恼的问题，似乎无法解决。请记住，我过去很少使用Javascript。

我的SharePoint解决方案中有一个图片库列表，其中包含使用Slides.js框架显示图片的Web部件的图片。要检索图片，我必须使用Ajax从库列表中获取图片，然后将slidesjs应用于.ascx文件中的div容器。

由于Ajax准备就绪后会返回数据，因此我无法确定在将slides.js框架应用于标记中的无序列表时是否存在该数据。数据可能在那里，也可能没有。正如您可能已经猜到的那样；如果不存在，那就根本行不通。

为了演示目的绕过该问题，我添加了setTimeout，以便在经过300ms后才应用slides.js，但这是我要摆脱的一个丑陋的解决方法。而且，它不是稳定的。

最后，我的问题基本上是：是否可以安全地一次依赖于Ajax数据，如果可以，怎么办？

随时要求其他信息。

提前致谢。

编辑：添加代码

这是我的ajax选项

var ajaxOpts = {
    url: web + endpoint,
    type: "GET",
    headers: { "accept": "application/json;odata=verbose" },
    success: successHandler,
    error: errorHandler
}

和successHandler

function successHandler (response) {
    // Do response parsing

    setTimeout(function () {
        runSlider(); // basically jQuery("#slider").slidesjs(slidesOpts)
    }, 300);
}

最佳答案

只要您的代码处于成功回调或完整回调中，就可以确保数据可用。

有两种获取成功和完成回调的方法。在$ .ajax选项内：

$.ajax("foo.php",{
    type: "get",
    success: function(data){
        // do something with data, it is available within this scope
    },
    complete: function(data){
        // do something with data, it is available within this scope
    }
})

或使用jqXHR的方法

$.ajax("foo.php",{
    type: "get"
}).done(function(data){
    // do something with data, it is available within this scope
}).always(function(data){
    // do something with data, it is available within this scope
});

请注意，您还可以根据需要在代码周围传递xhr，以便您可以安全地在其他地方使用数据。

var jqXHR = $.ajax("foo.php",{
    type: "get"
});
$("#someEl").click(function(){
    jqXHR.done(function(data){
        // do something with data
        alert(data);
    });
});