javascript - 第二个函数未在 jquery 中运行

Question

我有两个函数，我想在第一个函数完成后调用一个函数。

我写的是:

$(document).ready(function () {
        FetchProducts('@Model.ProductId', function () {
            SimilarProducts('@Model.Class.Group.SectionId', '@Model.ProductId', '@TempData["Min"]', '@TempData["Max"]');
        });
    });

FetchProducts 函数运行一个 ajax 调用，该调用将填充 TempData["Min"] 和 TempDate["Max"] 并返回一个列表产品数量。

SimilarProducts 想要通过 min 和 max 发出另一个 ajax 请求来获取一些类似的产品。 FetchProducts 正常运行，但 SimilarProducts 未运行。

有什么问题吗？

更新

这是FetchProducts函数:

function FetchProducts(productId) {
    $.getJSON("/product/jsonproducts", { productId: productId }, function (data) {
        var i = 0;
        $(".section-items-details").empty();
        for (var i = 0; i < data.length; i++) {
            ...
        }
    });
}

这是SimilarProducts函数:

function SimilarProducts(sectionId,productId, minimum, maximum) {
    $.getJSON("/product/getsimilarproducts", { sectionId: sectionId, productId: productId, min: minimum, max: maximum }, function (data) {
        var i = 0;
        for (var i = 0; i < data.length; i++) {
        ...
        }
    });
}

Answer 1

哦，好吧，自从你更新后我可以告诉你错误在哪里:)

那么，谈谈您的“FetchProducts”功能:

function FetchProducts(productId) {
$.getJSON("/product/jsonproducts", { productId: productId }, function (data) {
    var i = 0;
    $(".section-items-details").empty();
    for (var i = 0; i < data.length; i++) {
        ...
    }
});

}

正如我们所见，您的“FetchProducts”函数仅接受一个参数，但在他的调用中，您添加了一个匿名函数。

为了使其正常工作，您应该像这样编辑“FetchProducts”函数:

function FetchProducts(productId, callback) {
    $.getJSON("/product/jsonproducts", { productId: productId }, function (data) {
        var i = 0;
        $(".section-items-details").empty();
        for (var i = 0; i < data.length; i++) {
            ...
        }
        ...
        // Everything is ok, let's call our callback function!
        if ($.isFunction(callback)) callback();
    });
}