JQuery 中的Ajax调用WebServices 的总结
2008-09-28 12:45
381 查看
使用JQuery中ajax方法访问web服务。
1.ajax方法需要填写:
JScript code
----
CollegeDepartWebServices.asmx.cs web服务类
C# code
说明:
ArrayList 中 存为对象CollegeDepartInfo
其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId
在javascript中
ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId);
Option的参数就是依据他们的。
最后重要的是:
类上方添加的
[ScriptService]
必须添加,否则ajax无法调用WebService
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
相关文章推荐
- JQuery 中的Ajax调用WebServices 的总结
- asp.net中Jquery调用Ajax与asp.net MVC框架中Jquery调用Ajax 总结
- 关于jquery 的ajax调用的一些总结(记录插入数据库成功,但ajax返回false)
- Asp.net中JQuery、ajax调用后台方法总结
- Asp.net中JQuery、ajax调用后台方法总结
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- Asp.net中JQuery、ajax调用后台方法总结
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)
- ASP.NET中JQuery+AJAX调用后台
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- Jquery $.ajaxSubmit()调用Struts2的Action示例
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jquery实现ajax提交form表单的方法总结
- jQuery中调用ajax方法时在不同浏览器中遇到的问题
- jQuery封装方法ajax调用获得返回json数据方法
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jQuery 实现ajax传入参数含有特殊字符的方法总结
- jQuery实现ajax调用WCF服务的方法(附带demo下载)