How to use jquery plugin jquery.blockUI.js?

使用jQuery BlockUI Plugin与LINQ to SQL的异步数据检索

最新推荐文章于 2025-11-26 17:11:00 发布

转载最新推荐文章于 2025-11-26 17:11:00 发布 · 684 阅读

文章标签：

#jquery #xmlhttprequest #javascript #function #validation #styles

JQuery 专栏收录该内容

24 篇文章

订阅专栏

本文展示了如何利用jQuery BlockUI插件与LINQ to SQL实现异步数据检索，包括AJAX请求、等待提示、错误处理及数据显示。

一、前台aspx

<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>jQuery BlockUI Plugin with LINQ to SQL</title> <mce:script language="javascript" type="text/javascript" src="Scripts/jquery-1.3.2.js" mce_src="Scripts/jquery-1.3.2.js"></mce:script> <mce:script language="javascript" type="text/javascript" src="Scripts/jquery.blockUI.js?v2.24" mce_src="Scripts/jquery.blockUI.js?v2.24"></mce:script> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <input id="txtContactName" type="text" /> <input id="btnFetchData" type="submit" value="Fetch Data"/> <div id="result"></div> </form> </body> </html>

二、后台CS

using System.Collections.Generic; using System.Linq; using System.Threading; using System.Web.Services; namespace WebApplication1 { public partial class _Default : System.Web.UI.Page { [WebMethod] public static List<Customer> FetchCustomers(string contactName) { var customers = new List<Customer>(); using (var dc = new NorthwindDataContext() ) { customers = (from p in dc.Customers where p.ContactName.StartsWith(contactName) select p).ToList(); } for (int i = 0; i < 1; i++) { Thread.Sleep(1000); } return customers; } } }