博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JQuery 中的Ajax调用WebServices 的总结

Posted on 2008-09-28 12:45  linFen  阅读(4549)  评论(0编辑  收藏  举报
使用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