Jquery ajax传递复杂参数给WebService

简介: 参考: http://www.cnblogs.com/kingge/archive/2011/08/04/2127642.html http://www.cnblogs.com/micromouse/archive/2010/08/14/1799464.

参考:

http://www.cnblogs.com/kingge/archive/2011/08/04/2127642.html

http://www.cnblogs.com/micromouse/archive/2010/08/14/1799464.html

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Runtime.Serialization;
 
namespace Entity
{
    [DataContract]
    public class User
    {
        [DataMember]
        public string Name
        {
            get;
            set;
        }
 
        [DataMember]
        public int Age
        {
            get;
            set;
        }
    }
}
WebService:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using Entity; namespace JQuery.Handler { [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] [System.Web.Script.Services.ScriptService] public class UserService1 : System.Web.Services.WebService { [WebMethod] public string ComplexType(User hero,List<User> users) { return hero.Name + " has " + users.Count + " people!"; } } } Html: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Ajax</title> <script src="../Scripts/jquery-1.6.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnWeb").click(function () { $.ajax( { type: "post", url: "../Handler/UserService.asmx/ComplexType", dataType:"json", contentType:"application/json", data: '{"hero": {"Name":"zhoulq","Age":27},"users":[{"Name":"zhangs","Age":22},{"Name":"wangw","Age":26},{"Name":"liuj","Age":25}, {"Name":"luos","Age":24}]}', success: function (data) { $("#web").text(data.d); } }); }); }); </script> </head> <body> <input id="btnWeb" type="button" value="请求WebService" /><label id="web"></label> </body> </html>

 

目录
相关文章
|
29天前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
68 1
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
31 1
|
2月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
20 1
|
3月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
142 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
3月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
31 0
|
3月前
|
JavaScript 前端开发
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。
|
Web App开发 JSON JavaScript
JQuery 调用WebService
  以前都是Web程序调用WebService,.net把WebService封装的太简单了,所以之前都是很肤浅的用,都没有想过更深层的东西,并且只是停留在表面的添加引用和调用。     1.首先建一个WebService程序 代码 ///     /// WebService1 的...
976 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload