javascript 如何调用WebService

服务器端代码： 

  using  System;
  using  System.Collections;
  using  System.Web;
  using  System.Web.Services;
  using  System.Web.Services.Protocols;
  using  System.Web.Script.Services;
 
  ///   <summary>
  ///  Summary description for WebService
  ///   </summary>
 [WebService(Namespace  =   " http://tempuri.org/ " )]
 [WebServiceBinding(ConformsTo  =  WsiProfiles.BasicProfile1_1)]
 [ScriptService]
  public   class  WebService : System.Web.Services.WebService 
 {
      public  WebService () 
     {
          // Uncomment the following line if using designed components 
          // InitializeComponent(); 
     }
 
     [WebMethod]
      public   string  HelloWorld( string  user) 
     {
          return   " <p style='backGround-color:red;'> " + user +   "  Hello World!</p> " ;
     }  
 }

 
客户端代码：

   < script  type ="text/javascript" >
     // 下面的脚本调用WebService取回数据显示在webserviceDataDiv
     function  getDataFromWebService()
    {
      WebService.HelloWorld($get( " Text1 " ).value,OnGetDataFromWebServiceCompleted, null , null );
    }
     function  OnGetDataFromWebServiceCompleted(data)
     {
             $get( " webserviceDataDiv " ).innerHTML = data;
     }
   </ script >
 
   < script  type ="text/javascript" >
      function  getDataByServerMethod()
     {
          PageMethods.ShowDetailData($get('Text1').value,OnGetDataFromWebMethodCompleted);
     }
      function  OnGetDataFromWebMethodCompleted(data)
     {
             $get( " webserviceDataDiv " ).innerHTML = data;
     }
   </ script >
 
      < input  id ="Text1"  type ="text"  value ="me_sa"   />
      < input  id ="Button3"  type ="button"  value ="GetDataFromWebService"  onclick ="getDataFromWebService();"   />
      < div  id ="webserviceDataDiv" >
      </ div >

如果你使用VS2008你可以得到这样的提示：