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 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
JavaScript使用concat连接数组的方法
Apr 06 Javascript
深入理解JavaScript中为什么string可以拥有方法
May 24 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
关于layui导航栏不展示下拉列表的解决方法
Sep 25 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 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 file_exists 检查文件或目录是否存在的函数
2010/05/10 PHP
ThinkPHP实现批量删除数据的代码实例
2014/07/02 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
半角全角相互转换的js函数
2009/10/16 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
基于Vue开发数字输入框组件
2017/12/19 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
python通过post提交数据的方法
2015/05/06 Python
在Django同1个页面中的多表单处理详解
2017/01/25 Python
Python MySQL数据库连接池组件pymysqlpool详解
2017/07/07 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
女装和独特珠宝:Sundance Catalog
2018/09/19 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
学习党课思想汇报
2013/12/29 职场文书
公务员平时考核实施方案
2014/03/11 职场文书
成龙洗发水广告词
2014/03/14 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL