Question

我有这个代码，我通过AJAX加载XML文件：

$("#list").on("click", "li", function (event) {
    $.ajax({
        url: 'test.xml',
        type: "get",
        context: this,
        success: function (data) {
            alert("success");
        },
        error: function () {
            alert("failure");
        }
    });
})

问题是我有一长串使用此代码的可点击元素，效率不高。有没有办法调用一次AJAX函数，然后使用列表中其他项目生成的数据？

Answer 1

只需将返回值保存在某处

$("#list").on("click", "li", function (event) {
    var data = $("#list").data('test');
    if (data){
        //use data
    }
    else{
        $.ajax({
            url: 'test.xml',
            type: "get",
            context: this,
            success: function (data) {
                $("#list").data('test', data);
                // use data
                alert("success");
            },
            error: function () {
                alert("failure");
            }
        });
    }
})

如何使用AJAX加载一次文件并多次使用其数据？

1 个答案: