<li>
<a href="#">
<xsl:value-of select="ID"/>
</a>
<xsl:value-of select="UserName"/>
</li>
</xsl:for-each>
</ul>
<input type="text" name="Name" id="Name" />
<input type="submit" name="PostName" id="PostName"value="提交"/>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
注意，在XSLT中可包含用于提交数据的交互控件，但不需要为其定义事件处理，交互处理都由JS完成。
添加一个CSS文件，命名为Style.css，输入以下代码：
body
background-color: Silver;
h1
color: Gray;
a
color:White;
margin-center:6px;
编译并运行，即可看到输出的数据：
 |
用户访问不同页面时，只有这些XML代码会被多次下载，其他客户端的文件都只需下载一次，大大节省了服务器网络资源。
由于此前在ashx中编写了支持Url参数查询的代码，我们可以通过设置max参数来决定显示的最大数据条目数：
 |
导入JQuery代码JQuery-1.3.2.js到项目中。
添加一个JS文件，命名为Post.js，输入以下代码：
/// <reference path="JQuery-1.3.2-vsdoc2.js" />
$(n()
$("#PostName").click(n()
$.post("./webservice.asmx/AddName","Name":$("#Name").attr("value") , n() location.reload(); )
);
);
可以看到，通过JQuery在JS代码文件中为按钮注册处理函数非常简单，这样就将交互部分完全分离开来。
添加一个WebService，命名为WebService.asmx，在其后台代码文件WebService.cs中输入如下代码：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data.OleDb;
/// <summary>
///WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
// [System.Web.t.Services.tService]
public class WebService : System.Web.Services.WebService
public WebService ()
//如果使用设计的组件，请取消注释以下行
//InitializeComponent();
[WebMethod(Detion="添加一个新的用户名")]
public
