没有 ASP.NET 更新面板或脚本管理器的 ASP.NET Web 窗体 jQuery 更新进度答案

【问题标题】：ASP.NET Web Forms jQuery Update Progress without ASP.NET Update Panle or Script Manager没有 ASP.NET 更新面板或脚本管理器的 ASP.NET Web 窗体 jQuery 更新进度
【发布时间】：2012-07-11 14:41:17
【问题描述】：

在我的联系页面上，我在提交点击下进行了一些验证。单击提交按钮时，我想在我的联系表单上显示更新进度。我可以在不使用 Asp.net 更新面板或脚本管理器的情况下做到这一点吗？

更新面板和脚本管理器再加载 300KB。它使页面变慢。

我该怎么办？

我使用了 jQuery 验证，验证后我使用了以下代码：

$.ajax({ 
    type: "POST", 
    url: "", 
    data: "{}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    async: true, 
    success: function (msg) { 
        $("#progressbar").html(""); 
        $("#result").text(msg.d); 
        clearInterval(intervalID); 
    } 
});

【问题讨论】：

300kb 不应使您的页面变慢。还有任何示例或代码吗？

标签： jquery asp.net ajax forms web

【解决方案1】：

您的情况听起来相当标准，我同意 jeschafe 的观点，即 300k 不应导致任何明显的减速。我相信在这种情况下使用更新面板是正确的选择，但是您可以编写自己的解决方案，执行如下操作：

创建一个页面方法，您将在其中执行验证并使用 jQuery 序列化您的表单并对页面方法 (Example Here) 进行 ajax 调用。如果验证过程需要一段时间，您可以使用来自 this 等网站的加载 gif 并在等待响应时显示它。

【讨论】：

您好 Trey，非常感谢您的快速回复。我的 jQuery 代码如下：
看起来你的代码没有成功。您可以尝试用它更新您的问题。
我使用了 jQuery 验证，验证后我使用了以下代码：$.ajax({ type: "POST", url: "", data: "{}", contentType: "application /json; charset=utf-8", dataType: "json", async: true, success: function (msg) { $("#progressbar").html(""); $("#result").text (msg.d); clearInterval(intervalID); } });
这是正确的格式。您需要使用正确的信息更新 data 和 url 属性。