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 ...

随机推荐

Spring：No bean named 'beanScope' is defined
初学Spring,“No bean named 'beanScope' is defined”这个问题困扰了我好几个小时,查资料无果后,重写好几遍代码后发现问题居然是配置文件不能放在包里...要放在s ...
MyBatis学习总结(六)——调用存储过程
一.提出需求查询得到男性或女性的数量, 如果传入的是0就女性否则是男性二.准备数据库表和存储过程 create table p_user( id int primary key auto_incr ...
display:inline-block左右元素上下不对齐
今天做了两个inline-block元素,出现左右两个元素顶端出现上下不对齐的情况(下图): 解决办法: 把应用 inline-block的元素加上 vertical-align: top; .CSS ...
窗口超类化子类化 HOOK
body { font-family: Bitstream Vera Sans Mono; font-size: 11pt; line-height: 1.5; } html, body { colo ...
idea 到myeclipse
在上一篇博客使用maven进行开发过程管理之准备篇中提到了maven的基本概念.IT男罗书全觉得概念我是懂了,但是那些东西似乎离我很远啊.先开发再说吧, 于是IT男罗书全就在svn上取了源代码,并开始 ...
asp.net GDI+绘制矩形渐变
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
laravel 数据库迁移
问题:之前有创建迁移文件并且执行过如果删除迁移文件再重新创建迁移文件时就有问题提示找不到之前的迁移文件 /** 一开始执行的命令 php artisan make:migration crea ...
Blob(二进制)、byte[]、long、date之间的类型转换
String转成byte[]类型存入数据库,数据库字段对应byte[]的类型为Blob类型 String value = this.getParamNotNnll("bgvalue" ...
[原创][LaTex]LaTex学习笔记入门
0. 简介 LaTEX(/ˈlɑːtɛx/,常被读作/ˈlɑːtɛk/或/ˈleɪtɛk/),文字形式写作LaTeX,是一种基于TEX的排版系统,由美国电脑学家莱斯利·兰伯特在20世纪80年代初期开发 ...
HTML、CSS小知识--兼容IE的下拉选择框select
HTML <div class="s_h_ie"> <select id="Select1" disabled="disabled& ...

Ajax调用WebService

Ajax调用WebService的更多相关文章

随机推荐

热门专题