如何使用 JQuery 指示用户等到数据库更新

Posted 2023-04-13

【中文标题】如何使用 JQuery 指示用户等到数据库更新

【英文标题】：How can I use JQuery to indicate that the user waits until the db updates

【发布时间】：2010-10-20 07:18:04

【问题描述】：

我是 JQuery 的新手， 但是作为我之前关于数据库重复条目的问题的后续，在论坛类型的应用程序中，问题是： JQuery 是向用户展示交易进度、提交状态等的一个很好的解决方案吗？ 如果使用 JQuery，最好的解决方案是什么 否则还有什么其他解决方案是正确的。

为了学习 JQuery，并集成到我的应用程序中，以替换 asp.net ajax 扩展程序和部分页面回发，任何人都可以指出我有用资源的方向。

谢谢

【参考方案1】：

在我看来，jQuery 是完美的工具，你可以使用这些效果：

http://docs.jquery.com/Effects

结合ajax调用

http://docs.jquery.com/Ajax

用作 asyncronous = false，因此一旦 ajax 调用完成，您就可以将效果恢复到原始状态。

当然，有插件，但有了这些，您可以轻松地做出自己的行为。

【参考方案2】：

您可以使用jQuery.ajax 将请求发送回服务器进行处理。设置 beforeSend 并完成回调以显示/隐藏“正在进行中”的图像，例如动画 GIF 微调器。您还可以使用错误回调在请求失败时显示错误消息或dialog。

 $.ajax(
   type: "POST",
   url: "forum-update.aspx",
   data: $('form').serialize(),
   beforeSend: function()  $('#spinner').show() ,
   complete: function()  $('#spinner').hide() ,
   error: function(request,status,error) 
       alert(error); // or maybe status?
   ,
   success: function(msg)
     alert( "Data Saved: " + msg );
   
 );

【讨论】：

感谢发布的代码，我会调查一下，似乎它将取代我用于更新面板更新的更新微调器