利用JQuery方便实现基于Ajax的数据查询、排序和分页功能_Ajax

<td style="width: 126px; height: 17px;">

<input id="Text2" name="shipcity" type="text" /></td>

</tr>

<tr>

<td style="width: 63px; height: 14px; background-color: gainsboro;">

OrderDate</td>

<td style="width: 240px; height: 14px;" align="left">

<input id="Text3" name="OrderDate_Begin" type="text" />

<input id="button1" DateField="Text3" type="button" value="..." /></td>

<td style="width: 63px; height: 14px; background-color: gainsboro;">

</td>

<td style="width: 240px; height: 14px;" align="left">

<input id="Text4" type="text" name="OrderDate_End" />

<input id="button2" DateField="Text4" type="button" value="..." /></td>

</tr>

<tr>

<td style="height: 50px" align="left" colspan="4">

<input id="search" type="button" value="Search" /></td>

</tr>

</table>

</td>

</tr>

<tr>

<td height="99%">

<div id="listview"></div>

</td>

</tr>

</table>

</form>

数据提供页面:

<%@ Page Language="C#" AutoEventWireup="true" Inherits="HFSoft.MVC.DataViewContext" %>

<%@ Import Namespace="NorthWind.Entities" %>

<%

HFSoft.MVC.IDataViewContext dataview = (HFSoft.MVC.IDataViewContext)this;