JQuery中ajax方法访问web服务实例


Posted in Javascript onJuly 18, 2015

本文实例讲述了JQuery中ajax方法访问web服务。分享给大家供大家参考。具体分析如下:

说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。 最后重要的是: 类上方添加的 [ScriptService] 必须添加,否则ajax无法调用WebService

jquery代码部分:

$.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部分:

[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;
  }
}

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
用javascript实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
javascript 得到变量类型的函数
May 19 Javascript
extjs两个tbar问题探讨
Aug 08 Javascript
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
javascript相关事件的几个概念
May 21 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
javascript单张多张图无缝滚动实例代码
May 10 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 #Javascript
js实现固定显示区域内自动缩放图片的方法
Jul 18 #Javascript
javascript顺序加载图片的方法
Jul 18 #Javascript
javascript字符串循环匹配实例分析
Jul 17 #Javascript
动态加载jQuery的两种方法实例分析
Jul 17 #Javascript
javascript父子页面通讯实例详解
Jul 17 #Javascript
javascript实现的闭包简单实例
Jul 17 #Javascript
You might like
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
PHP中创建和验证哈希的简单方法实探
2015/07/06 PHP
浅谈PHP表单提交(POST&GET&URL编/解码)
2017/04/03 PHP
php中类和对象:静态属性、静态方法
2017/04/09 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
纯文字版返回顶端的js代码
2013/08/01 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
第三章之Bootstrap 表格与按钮功能
2016/04/25 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
2017/12/15 Javascript
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
2018/09/04 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
2019/12/09 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
Python最长公共子串算法实例
2015/03/07 Python
Python3.6简单操作Mysql数据库
2017/09/12 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
Python 实现某个功能每隔一段时间被执行一次的功能方法
2018/10/14 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
python的链表基础知识点
2020/09/13 Python
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
更夫岗位责任制
2014/02/11 职场文书
党员大会主持词
2014/04/02 职场文书
小学生评语集锦
2014/04/18 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
指导老师鉴定意见
2015/06/05 职场文书
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫