jquery - 在页面继续加载时将 JSON 推送到 HTML 页面

Question

我正在使用 ASP.NET 和 C# 来构建一个处理多个步骤的页面。我有另一个 HTML 页面，它发起了对 ASP.NET 页面的请求。

我试图找出一种方法，让 ASP.NET 页面在整个 ASP.NET 的多个步骤中通过 JSON 将状态更新“推送”回 HTML 页面。HTML 页面随后将接收状态更新并更新用户关于 ASP.NET 页面正在做什么。如（步骤 1：完成）、（步骤 2：完成）等。

我最初的想法是，这可以通过使用像 Response.Flush() 这样的东西来完成。

我正在使用 jQuery 来处理和监控我的 AJAX 请求。

Answer 1

注意：客户端应该发起 ajax 请求。页面无法推送到客户端

这是一般的想法：

var onCompleteStep1 = function() {
    status.hide().html('Step 1 complete!').fadeIn();

    // first step complete, begin step 2
    $.ajax({
        success: onCompleteStep2
        ...
    });
};
var onCompleteStep2 = function() {
    status.hide().html('Step 2 complete!').fadeIn();

    // second step complete, begin step 3
    $.ajax({
        success: onCompleteStep3
        ...
    });
};
var onCompleteStep3 = function() {
    status.hide().html('Step 3 complete!').fadeIn();
};

// start up first step
$.ajax({
    success: onCompleteStep1
    ...
});

这个想法是ajax成功回调，你想用你的“步骤1：完成”更新状态文本。

我做了一个简单的小提琴： http: //jsfiddle.net/YdQys/ 该示例通过使用按钮模拟了 ajax 成功回调。但这是一般的想法。