JQuery Ajax WebService传递参数的简单实例
更新时间：2016年11月02日 09:40:23 投稿：jingxian
下面小编就为大家带来一篇JQuery Ajax WebService传递参数的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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传递参数的简单实例全部内容了，希望大家多多支持脚本之家~
相关文章
这篇文章主要介绍了JQuery表单元素取值赋值方法总结,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
关于jQuery中的each方法(jQuery到底干了什么)
这篇文章主要介绍了关于jQuery中的each方法,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了jQuery制作简单柱状图的方法,实例分析了html与css布局以及jQuery功能的具体实现方法,需要的朋友可以参考下2015-01-01
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多网站都是使用这种方式引入，客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的，速度更快2011-04-04
jquery()函数有三种不同的语法，在本文将为大家详细介绍下，感兴趣的朋友不要错过2013-10-10
这篇文章主要介绍了c#结合jquery实现获取radio和checkbox的value值的方法，将代码分享给大家,需要的朋友可以参考下2014-12-12
jQuery+Datatables实现表格批量删除功能【推荐】
这篇文章主要介绍了jQuery+Datatables实现表格批量删除功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-10-10
本文给大家分享的是jQuery实现购物车数字加减效果的3种实现方法，分别是左右加减数字、Bootstrap风格，右侧加减以及jQuery ui风格，右侧加减，效果非常棒，需要的小伙伴来参考下吧。2015-03-03
这篇文章主要介绍了Jquery高级应用Deferred对象原理及使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了jQuery中:button选择器用法,实例分析了:button选择器的功能、定义及选取按钮的使用技巧,需要的朋友可以参考下2015-01-01
最新评论