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

Jquery 在页面继续加载时将JSON推送到HTML页面,jquery,asp.net,ajax,json,push,Jquery,Asp.net,Ajax,Json,Push,我正在使用ASP.NET和C#构建一个处理多个步骤的页面。我有另一个HTML页面,它发起了对ASP.NET页面的请求 我正试图找到一种方法,让ASP.NET页面在整个ASP.NET的多个步骤中通过JSON将状态更新“推”回HTML页面。然后,HTML页面将接收状态更新,并更新ASP.NET页面正在执行的操作。例如(步骤1:完成),(步骤2:完成)等 我最初的想法是,这可以通过使用Response.Flush()之类的东西来实现 我正在使用jQuery处理和监视我的AJAX请求。注意:客户端应该启

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

我正试图找到一种方法,让ASP.NET页面在整个ASP.NET的多个步骤中通过JSON将状态更新“推”回HTML页面。然后,HTML页面将接收状态更新,并更新ASP.NET页面正在执行的操作。例如(步骤1:完成),(步骤2:完成)等

我最初的想法是,这可以通过使用Response.Flush()之类的东西来实现

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

注意:客户端应该启动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:完成”更新状态文本

我做了一把简单的小提琴:
该示例使用按钮模拟ajax成功回调。但这是一般的想法。

Http请求不支持“推送”请求。客户必须提出要求。因此,使用jquery和AJAX,在运行时向服务器请求json元素。@devbinnoh我同意你的看法,它必须是客户端请求。是的。只是试着用这个设置来传达我想要的总体想法。