JQuery Ajax WebService传递参数的简单实例


Posted in Javascript onNovember 02, 2016

Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式。最近研究了一下WebService方式,jQuery Ajax 方法调用 jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码这篇帖子给出了很详细的例子,不过没有给出详细解释。其中有几个细节问题开始没注意,费老劲才调通:

1)客户端data数据中的key字段名称必须和服务器端方法参数严格一致。

如客户端:

//有参数调用
    $(document).ready(function () {
      $("#btn2").click(function () {
        $.ajax({
          type: "POST",
          contentType: "application/json",
          url: "WebService.asmx/GetWish",
          data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",
          dataType: 'json',
          success: function (result) {
            $('#dictionary').append(result.d);
          }
        });
      });
    });

服务器端的GetWish函数参数必须写成value1,value2,value3,value4:

[WebMethod]
  public string GetWish(string value1, string value2, string value3, int value4)
  {
    return string.Format("祝您在{3}年里 {0}、{1}、{2}", value1, value2, value3, value4);
  }

2)客户端传递对象到服务器端的方法:

客户端代码:

//传入对象
    $(function () {
      $("#btn6").click(function () {
        obj = new Object();
        obj.ID = "1";
        obj.Value = "aaa";
        //'{"obj":{"ID":"1",Value:"Horse"}}'
        var d = '{"obj":' + JSON.stringify(obj) + '}';
        $.ajax({
          type: "POST",  //访问WebService使用Post方式请求
          contentType: "application/json", //WebService 会返回Json类型
          url: "WebService.asmx/ParmsObject", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
          data: d,     //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到    
          dataType: 'json',
          success: function (result) {
            alert(result.d);
          },
          error: function (result) {
            alert("fail");
          }
        });
      });

    });

服务器端代码:

[WebMethod]
  public string ParmsObject(Class1 obj)
  {

    return obj.ID + ":" + obj.Value;
  }

调试环境:VS2010+jquery-1.3.2.min.js

以上就是小编为大家带来的JQuery Ajax WebService传递参数的简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
浅谈javascript的调试
Jan 28 Javascript
Javascript 实现匿名递归的实例代码
May 25 Javascript
Angular实现的table表格排序功能完整示例
Dec 22 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
通过JS判断网页是否为手机打开
Oct 28 Javascript
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
ASP.NET jquery ajax传递参数的实例
Nov 02 #Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 #Javascript
在JSP中如何实现MD5加密的方法
Nov 02 #Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 #Javascript
JavaScript基础——使用Canvas绘图
Nov 02 #Javascript
js实现砖头在页面拖拉效果
Nov 20 #Javascript
AngularJS入门教程之模块化操作用法示例
Nov 02 #Javascript
You might like
PHP中date()日期函数有关参数整理
2011/07/19 PHP
利用PHP实现图片等比例放大和缩小的方法详解
2013/06/06 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
php处理复杂xml数据示例
2016/07/11 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
laravel实现于语言包的完美切换方法
2019/09/29 PHP
php生成HTML文件的类方法
2019/10/11 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
Sea.JS知识总结
2016/05/05 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
python计算最大优先级队列实例
2013/12/18 Python
Python中循环后使用list.append()数据被覆盖问题的解决
2018/07/01 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
python实现图像拼接功能
2020/03/23 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
WatchShop法国:英国排名第一的独立手表零售商
2020/02/17 全球购物
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
给病人的慰问信
2015/03/23 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python