<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="巧用XML+XSLT+CSS+JQuery创建Asp.Net网站（二）" id="card1">
<p> 游客</p><p>
标题:巧用XML+XSLT+CSS+JQuery创建Asp.Net网站（二）<br/>
正文:<br/>
<br/>添加一个CSS文件，命名为Style.css，输入以下代码：　  body 　　{ 　　background-color: Silver; 　　} 　　h1 　　{ 　　color: Gray; 　　} 　　a 　　{ 　　color:White; 　　margin-right:6px; 　　}　　编译并运行，即可看到输出的数据：　　查看其源代码：　　用户访问不同页面时，只有这些XML代码会被多次下载，其他客户端的文件都只需下载一次，大大节省了服务器网络资源。　　由于此前在ashx中编写了支持Url参数查询的代码，我们可以通过设置max参数来决定显示的最大数据条目数：      输出部分至此就完成了，接下来是输入部分：　　导入JQuery代码jquery-1.3.2.js到项目中。　　添加一个JS文件，命名为Post.js，输入以下代码：　///  　　$(function() { 　　$(&quot;#PostName&quot;).click(function() { 　　$.post(&quot;./webservice.asmx/AddName&quot;, { &quot;Name&quot;: $(&quot;#Name&quot;).attr(&quot;value&quot;) }, function() { 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; 　　///  <br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=347&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=347&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=347&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=347&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=347&amp;Page=3">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=347">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=347">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>