AJAXLoadProgressForm.aspx： 代码如下: [removed][removed] [removed] function ShowProgressDiv() { var ID = $(“input#idtxt”).val(); $.ajax({ type: “GET”, url: “GetGridViewByConditionForm.aspx”, data: “id=” + ID, beforeSend: function() { $
在ASP.NET环境中，jQuery与AJAX的结合使用可以创建出高效、动态的用户界面，而GridView控件则是展示数据的常用工具。在这个示例中，我们看到如何通过jQuery的AJAX请求获取数据，并将结果填充到GridView中，同时提供加载进度指示器以提升用户体验。
我们来看`AJAXLoadProgressForm.aspx`页面中的JavaScript部分。这段代码包含了一个名为`ShowProgressDiv`的函数，当用户点击按钮时触发这个函数。这个函数首先获取输入框`idtxt`的值，然后使用jQuery的`$.ajax`方法发送一个GET请求到`GetGridViewByConditionForm.aspx`页面，将`id`参数传递过去。`beforeSend`回调函数用于在发送请求前显示加载进度条（ProgressDiv），`success`回调函数接收服务器返回的数据并将其插入到`ShowSearchResult`div中，显示GridView数据。`complete`回调函数隐藏进度条。
HTML部分包括一个输入文本框，一个按钮以及两个div元素，一个是用于显示加载进度的，另一个用于显示搜索结果（即GridView数据）。按钮的点击事件绑定到`ShowProgressDiv`函数。
在`GetGridViewByConditionForm.aspx`页面中，`Page_Load`事件处理程序是关键。它检查请求中是否存在`id`参数，如果存在，就构造SQL查询语句，根据接收到的`id`值筛选`Customers`表中的数据。然后，使用SqlCommand对象执行SQL命令，填充一个DataSet，再将这个DataSet绑定到GridView控件（gvData）上。在执行数据库操作前后，都有异常处理和资源清理代码，确保连接和命令对象被正确关闭和释放。
整个过程的核心在于使用AJAX进行异步数据获取，避免了页面的完整刷新，提高了交互性。在用户等待数据加载时，加载进度条的展示可以提供反馈，使用户感知到后台正在处理请求，提升了用户体验。同时，ASP.NET的GridView控件能够方便地将数据展示为表格形式，便于用户查看和操作。
总结来说，这个示例展示了如何利用jQuery的AJAX功能与ASP.NET结合，实现基于用户输入动态加载和更新GridView的数据，同时通过加载进度条提高用户交互体验。这在开发需要实时数据更新或大量数据分页显示的Web应用时非常实用。
