Jquery调用Web Service - JAVA

最近在学习Jquery与Web Seri vce，于是想想可不可以两者一起使用呢？于是开始摸索，在摸索过程中还是会发现一些问题，大家都知道无论是Web Service还是WCF返回的数据格式是XML，由于XML文件格式文件庞大、格式复杂、传输占用宽带并且服务器端与客户端解析XML花费资源和时间；而Json的数据格式比较简单、占用宽带小并且相当稳定；所以接下来我们就利用JSON格式。

1. 新建一个Web应用程序的项目，并新建 Web 服务,命名为WebService.asmx

2. 为WebService.asmx写点方法吧，下面做一个简单的方法；

注意：a) 在该Web Service中不能重载,需要确保Web Service能运行

b) 必须有 [System.Web.Script.Services.ScriptService],如果没有它，在前台页面不会调用到该服务。

    
      1 
     using
      System;

      2 
     
     using
      System.Collections;

      3 
     
     using
      System.ComponentModel;

      4 
     
     using
      System.Data;

      5 
     
     using
      System.Linq;

      6 
     
     using
      System.Web;

      7 
     
     using
      System.Web.Services;

      8 
     
     using
      System.Web.Services.Protocols;

      9 
     
     using
      System.Xml.Linq;

     10 
     
     using
      System.Text;

     11 
     
     using
      System.Collections.Generic;

     12 
     

     13 
     
     namespace
      jqueryandWCF

     14 
     {

     15 
      
     ///
      
     
     

     16 
      
     ///
      WebService 的摘要说明

     17 
      
     ///
      
     
     

     18 
     
      [WebService(Namespace 
     =
      
     "
     http://tempuri.org/
     "
     )]

     19 
      [WebServiceBinding(ConformsTo 
     =
      WsiProfiles.BasicProfile1_1)]

     20 
      [ToolboxItem(
     false
     )]

     21 
      
     //
      若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
     

     22 
     
      [System.Web.Script.Services.ScriptService]

     23 
      
     public
      
     class
      WebService : System.Web.Services.WebService

     24 
      {

     25 
      [WebMethod]

     26 
      
     public
      
     string
      HelloWorld(
     string
      userName)

     27 
      {

     28 
      
     return
      
     "
     Hello 
     "
      
     +
      userName 
     +
     "
      !
     "
     ;

     29 
      }

     30 
      }

     31 
     }

3. HTML页面，我们可以点击某一按钮时来调用该服务.

注意：1） ajax中的data:"{}"是用于传递方法中的参数，格式为：data:"{paraName:paraValue}",如果该方法无参数，则格式为：data:"{}"

2）如果成功，我是以HTML的形式显示它的值，大家可以用其它方法，取它的值时用(result.d)