JQuery 中的Ajax调用WebServices 的总结

使用JQuery中ajax方法访问web服务。

1.ajax方法需要填写：
 

JScript code

    $.ajax({
                type: "POST",
                //注明 返回Json
                contentType:"application/json;utf-8",
                //CollegeDepartWebServices.asmx web服务名 /GetCollegeDepart 方法名
                url:"CollegeDepartWebServices.asmx/GetCollegeDepart",
               //strDepartId 参数名称 collegeId 参数值
                data:"{strDepartId:"+collegeId+"}",
                dataType:"json",
                success:function(result){                    
                 var json=null
                  try
                    {
                         if(result)
                         {
                             //因为返回的是ArrayList 所以循环取出其中的值
                             $.each(result, function(i, n){
                                //ddlDepart 为下来菜单。循环的向下拉菜单中添加新的选项
                                ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId);
                              
                            });
                         }
                        

                    }
                    catch(e)
                    {
                       alert("错误>>"+e.message);
                       return;
                       
                    }
               
              },
              error:function(data)
              {
                alert(data.status+">>> "+data.statusText);
              }
         }); 
  

----
CollegeDepartWebServices.asmx.cs web服务类

C# code

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]
public class CollegeDepartWebServices : System.Web.Services.WebService
{

    public CollegeDepartWebServices()
    {

        //如果使用设计的组件，请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod]
    [System.Xml.Serialization.XmlInclude(typeof(CollegeDepartInfo))]
    public ArrayList  GetCollegeDepart(string strDepartId)
    {
        CollegeDepartBL.FlushCollegeDepartCache();
       
        if (string.IsNullOrEmpty(strDepartId))
            return null;

        ArrayList myList = CollegeDepartBL.GetCollegeDepartListByCollegeID(int.Parse(strDepartId));
        return myList;

    }

}

说明：
ArrayList 中 存为对象CollegeDepartInfo
其属性为：stirng CollegeDepartTitle 和 int CollegeDepartId
在javascript中
ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId);

Option的参数就是依据他们的。

最后重要的是：
类上方添加的
[ScriptService]
必须添加，否则ajax无法调用WebService