Ajax调用WebService

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="jquery-3.2-vsdoc2.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript" >

        jQuery(function () {

            jQuery.ajax({

                type: "Post",

                url: "/WebService1.asmx/HelloWorld",

                data:"{name:'likong'}",

                dataType: "json",

                contentType:"application/json;charset=utf-8",

                success: function (result) {

                    window.alert(result.d);

                },

                error:function(err){

                    window.alert(err.status);

                }

            })

        })

    </script>

</head>

</html>

Webservice代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Serialization;

namespace WebApplication1

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public string HelloWorld(string name)

        {

            return "na:" + name + "";

        }

    }

}

Ajax调用WebService返回List数组：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="jquery-3.2-vsdoc2.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript" >

        jQuery(function () {

            jQuery.ajax({

                type: "Post",

                url: "/WebService1.asmx/HelloWorld",

                data:"{name:'likong',sex:'男',age:'22'}",

                dataType: "json",

               contentType:"application/json;charset=utf-8",

                success: function (result) {

                    var str;

                    jQuery.each(result.d, function (index,values) {

                        window.alert("第" + (index+) + "项;值为" + values + "");

                    })

                },

                error:function(err){

                    window.alert(err.status);

                }

            })

        })

    </script>

</head>

</html>

Webservice代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Serialization;

namespace WebApplication1

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public List<string> HelloWorld(string name,string sex,string age)

        {

            List<string> list = new List<string>();

            list.Add(name);

            list.Add(sex);

            list.Add(age);

            return list;

        }

    }

}

Ajax调用WebService返回自定义类：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="jquery-3.2-vsdoc2.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript" >

        jQuery(function () {

            jQuery.ajax({

                type: "Post",

                url: "/WebService1.asmx/HelloWorld",

                data:"{name:'likong',sex:'男',age:'22'}",

                dataType: "json",

               contentType:"application/json;charset=utf-8",

                success: function (result) {

                    window.alert(result.d.name + "          " + result.d.sex + "           " + result.d.age);

                },

                error:function(err){

                    window.alert(err.status);

                }

            })

        })

    </script>

</head>

</html>

Webservice代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Serialization;

namespace WebApplication1

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public PerSon HelloWorld(string name,string sex,string age)

        {

            PerSon per = new PerSon();

            per.name = name;

            per.sex = sex;

            per.age = age;

            return per;

        }

    }

    public class PerSon

    {

        public string name {get;set; }

        public string sex { get; set; }

        public string age { get; set; }

    }

}

Ajax调用WebService返回自定义类集合：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="jquery-3.2-vsdoc2.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript" >

        jQuery(function () {

            jQuery.ajax({

                type: "Post",

                url: "/WebService1.asmx/HelloWorld",

                data:"{name:'likong',sex:'男',age:'22'}",

                dataType: "json",

               contentType:"application/json;charset=utf-8",

                success: function (result) {

                    jQuery.each(result.d, function (index, values) {

                        window.alert("第" + (index + 1) + "项：" + values.name + "          " + values.sex + "           " + values.age);

                    })

                },

                error:function(err){

                    window.alert(err.status);

                }

            })

        })

    </script>

</head>

</html>

Webservice代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Serialization;

namespace WebApplication1

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public List<PerSon> HelloWorld(string name, string sex, string age)

        {

            return new List<PerSon>() {

            new PerSon(){

                name=name,

                sex=sex,

                age=age

            },

            new PerSon(){

                name="张三",

                sex="女",

                age=""

            }

            };

        }

    }

    public class PerSon

    {

        public string name {get;set; }

        public string sex { get; set; }

        public string age { get; set; }

    }

}

Ajax调用WebService返回Dictionary<string,string>集合：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="jquery-3.2-vsdoc2.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript" >

        jQuery(function () {

            jQuery.ajax({

                type: "Post",

                url: "/WebService1.asmx/HelloWorld",

                data:"{name:'likong',sex:'男',age:'22'}",

                dataType: "json",

               contentType:"application/json;charset=utf-8",

                success: function (result) {

                    jQuery.each(result.d, function (key, values) {

                        window.alert("" + key+ "                 ：" + values);

                    })

                },

                error:function(err){

                    window.alert(err.status);

                }

            })

        })

    </script>

</head>

</html>

Webservice代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Serialization;

namespace WebApplication1

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public Dictionary<string,string> HelloWorld(string name, string sex, string age)

        {

            Dictionary<string, string> dic = new Dictionary<string, string>();

            dic.Add("",name);

            dic.Add("",sex);

            dic.Add("", age);

            return dic;

        }

    }

}

Ajax调用WebService返回dataset：

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <script src="jquery-3.2-vsdoc2.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript" >

        jQuery(function () {

            jQuery.ajax({

                type: "post",

                url: "/WebService1.asmx/HelloWorld",

               data:"name=likong&sex=男&age=22",

                dataType: "xml",

                success: function (result) {

                    jQuery.each(jQuery.find("Table1", result), function () {

                        window.alert(jQuery(this).find("name").text() + "         " + jQuery(this).find("sex").text() + "           " + jQuery(this).find("age").text());

                    })

                },

                error: function (data) {

                    //200的响应也有可能被认定为error，responseText中没有Message部分

                    alert($.parseJSON(data.responseText).Message);

                }

            })

        })

    </script>

</head>

</html>

Webservice代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Serialization;

using System.Data;

namespace WebApplication1

{

    /// <summary>

    /// WebService1 的摘要说明

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消注释以下行。

     [System.Web.Script.Services.ScriptService]

    public class WebService1 : System.Web.Services.WebService

    {

        [WebMethod]

        public DataSet  HelloWorld(string name,string sex,string age)

        {

            DataSet ds = new DataSet();

            DataTable dt = new DataTable();

            dt.Columns.Add("name");

            dt.Columns.Add("sex");

            dt.Columns.Add("age");

            dt.Rows.Add(name, sex, age);

            dt.Rows.Add("张三","男","");

            ds.Tables.Add(dt);

            return ds;

        }

    }

}

Ajax调用WebService的更多相关文章

Jquery ajax调用webservice总结
jquery ajax调用webservice(C#)要注意的几个事项: 1.web.config里需要配置2个地方 <httpHandlers> <remove verb ...
Ajax调用WebService（一）
Ajax调用WebService(一) http://www.cnblogs.com/leslies2/archive/2011/01/26/1934889.html 分类: Ajax 使用技术 We ...
Jquery Ajax 调用 WebService
原文:http://www.cnblogs.com/andiki/archive/2010/05/17/1737254.html jquery ajax调用webservice(C#)要注意的几个事项 ...
使用ajax调用webservice加载table
写了个ajax调用webservice动态加载表格的案例不废话直接上代码 webservice代码: /// <summary> /// 首页显示会员信息 /// </summar ...
ASP.NET实现二维码 ASP.Net上传文件 SQL基础语法 C# 动态创建数据库三（MySQL） Net Core 实现谷歌翻译ApI 免费版 C#发布和调试WebService ajax调用WebService实现数据库操作 C# 实体类转json数据过滤掉字段为null的字段
ASP.NET实现二维码 using System;using System.Collections.Generic;using System.Drawing;using System.Linq;us ...
ajax调用webservice服务
ajax调用是 html方向调用的, 而sqlconnection是 java代码调用的,本质差不多 <html> <head> <title>通过ajax调用we ...
AJAX 调用WebService 、WebApi 增删改查
WebService 页面: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 3 ...
Ajax调用WebService接口样例
在做手机端h5的应用时,通过Ajax调用http接口时没啥问题的:但有些老的接口是用WebService实现的,也来不及改成http的方式,这时通过Ajax调用会有些麻烦,在此记录具体实现过程.本文使 ...
AJAX 调用WebService 、WebApi 增删改查（笔记）
经过大半天努力,终于完成增删改查了!心情有点小激动!!对于初学者的我来说,一路上都是迷茫,坑!!虽说网上有资料,可动手起来却不易(初学者的我).(苦逼啊!) WebService 页面: /// &l ...

随机推荐

sql 分组查询及格不及格人数
select score as 类别,count(*) as 人数 from (select case when fen>=60 then '及格' else '不及格' end as scor ...
Spring：No bean named 'beanScope' is defined
初学Spring,“No bean named 'beanScope' is defined”这个问题困扰了我好几个小时,查资料无果后,重写好几遍代码后发现问题居然是配置文件不能放在包里...要放在s ...
display:inline-block左右元素上下不对齐
今天做了两个inline-block元素,出现左右两个元素顶端出现上下不对齐的情况(下图): 解决办法: 把应用 inline-block的元素加上 vertical-align: top; .CSS ...
[Jquery] Jquery AutoComplete的使用方法实例
jQuery的Autocomplete(自动完成.自动填充)插件 jquery-autocomplete配置: <script type="text/javascript" ...
【EF学习笔记12】----------解释查询和本地查询区分 Enumerable 和 Queryable
简单介绍:Enumerable 和 Queryable 他们都是静态类,位于命名控件 System.Linq下,分别为IEnumerable<T>和IQueryable<T>提 ...
Java串口通信详解
http://blog.csdn.net/kabini/article/details/1601324 ———————————————————————————————————————————————— ...
JDK 环境变量设置
.net转JAVA了.记心不好,记录一下. 安装好jdk(64位)后找到我的电脑(右键)>属性>高级选项卡>环境变量>,里面有管理员的用户变量,有系统变量.我选的是系统变量.点 ...
学习笔记008之Task
栈为后进先出如何实现一个弹出窗体.
POJ2309 -- BST
找找规律,实际上是二分查找的过程,只要找到了mid与输入的n相同的话,直接输出left和right就可以了. 代码如下: #include <iostream> using namespa ...
2015/09/09夜晚js继续学习
单词:标量(scalar)数组(array)元素(element)填充(populating)下标(index) 向数组中添加元素的操作称之填充.在填充数组时,不仅需要给出新元素的值,还需要给新元素在 ...

Ajax调用WebService

Ajax调用WebService的更多相关文章

随机推荐

热门专题