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实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
js实现广告漂浮效果的小例子
Jul 02 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
gulp构建小程序的方法步骤
May 31 Javascript
uni-app 组件里面获取元素宽高的实现
Dec 27 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
Javascript异步流程控制之串行执行详解
Sep 27 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编程最快明白》第七讲:php图片验证码与缩略图
2010/11/01 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
php简单图像创建入门实例
2015/06/10 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
不安全的常用的js写法
2009/09/15 Javascript
Extjs学习笔记之六 面版
2010/01/08 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
jquery实现简单的表单验证
2015/11/17 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
python实现简易版计算器
2020/06/22 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
Python requests上传文件实现步骤
2020/09/15 Python
Python基于template实现字符串替换
2020/11/27 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
水果花束:Fruit Bouquets
2017/12/20 全球购物
应届生法律求职信
2013/10/22 职场文书
创业计划书怎样才能打动风投
2014/01/01 职场文书
部队领导证婚词
2014/01/12 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
奶茶店创业计划书
2014/08/14 职场文书
普通党员整改措施
2014/10/24 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
广告业务员岗位职责
2015/02/13 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
如何用JS实现简单的数据监听
2021/05/06 Javascript