这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
下面小编就为大家带来一篇 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
来源: http://www.phperz.com/article/17/0506/330720.html