javascript 如何调用服务器端方法

服务器端代码：

 1 using System;
 2 using System.Configuration;
 3 using System.Data;
 4 using System.Web;
 5 using System.Web.Security;
 6 using System.Web.UI;
 7 using System.Web.UI.HtmlControls;
 8 using System.Web.UI.WebControls;
 9 using System.Web.UI.WebControls.WebParts;
10 using System.Web.Services;
11 
12 public partial class _Default : System.Web.UI.Page
13 {
14     protected void Page_Load(object sender, EventArgs e)
15     {
16 
17     }
18 
19     [WebMethod]
20     public static string ShowDetailData(string user)
21     {
22         return user+"你好!你知道下面的文字选自哪里么？<br/>"+ "郭靖知道师父虽然摔下，并不碍事，但欧阳锋若乘势追击，后着可凌厉之极，当下叫道：“看招！”左腿微屈，右掌划了个圆圈，平推出去，正是降龙十八掌中的“亢龙有悔”。这一招他日夕勤练不辍，初学时便已非同小可，加上这十余年苦功，实已到炉火纯青之境，初推出去时看似轻描淡写，但一遇阻力，能在刹时之间连加一十三道后劲，一道强似一道，重重叠叠，直是无坚不摧、无强不破。这是他从九阴真经中悟出来的妙境。纵是洪七公当年，单以这一招而论，也无如此精奥的造诣。";
23     }
24 }
25 

客户端代码：

 1  <script type="text/javascript">
 2    //下面的脚本调用WebService取回数据显示在webserviceDataDiv
 3    
 4     <script type="text/javascript">
 5     function getDataByServerMethod()
 6     {
 7          PageMethods.ShowDetailData($get('Text1').value,OnGetDataFromWebMethodCompleted);
 8     }
 9     function OnGetDataFromWebMethodCompleted(data)
10     {
11             $get("webserviceDataDiv").innerHTML=data;
12     }
13     </script>
14 
15     <input id="Text1" type="text" value="me_sa" />
16     <input id="Button3" type="button" value="GetDataFromWebService" onclick="getDataFromWebService();" />
17     <input id="Button4" type="button" value="getDataByServerMethod" onclick="getDataByServerMethod();" />
18     <div id="webserviceDataDiv">
19     </div>