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 相关文章推荐
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
jQuery使用正则表达式限制文本框只能输入数字
Jun 18 Javascript
详解Vue单元测试case写法
May 24 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
May 06 Javascript
JS实现json数组排序操作实例分析
Oct 28 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 29 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
PHP实现导出带样式的Excel
2016/08/28 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JQuery autocomplete 使用手册
2010/04/01 Javascript
jQuery之排序组件的深入解析
2013/06/19 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
Vue.js实现移动端短信验证码功能
2017/03/29 Javascript
微信小程序 页面滑动事件的实例详解
2017/10/12 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
JS实现小米轮播图
2020/09/21 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
[01:00] DOTA2英雄背景故事第五期之重力引力法则谜团
2020/07/16 DOTA
新手常见6种的python报错及解决方法
2018/03/09 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
Python collections模块使用方法详解
2019/08/28 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
python 读取、写入txt文件的示例
2020/09/27 Python
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
杭州-飞时达软件有限公司.net笔面试
2012/04/28 面试题
什么叫做SQL注入,如何防止
2016/10/04 面试题
新手上路标语
2014/06/20 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python
python 字典和列表嵌套用法详解
2021/06/29 Python
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL