zoukankan      html  css  js  c++  java
  • [WebService].net中WebService的使用实例

    .net中WebService的使用实例

    一、创建一个Webwebservice

          1.新建一个项目WebserverDemo

          2.在项目处添加新建项,添加一个web服务

       

      3.编辑TestServer.asmx文件

        3.1 TestServer.asmx默认的代码是这样

    复制代码
    /// <summary>
        /// TestServer 的摘要说明
        /// </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 TestServer : System.Web.Services.WebService
        {
    
            [WebMethod]
            public string HelloWorld()
            {
                return "Hello World";
            }
            
        }
    复制代码

    3.2 现在加多一个方法  

           [WebMethod]
            public string GetAge(string id)
            {
                return "ID为:" + id + "的年龄为:"+new Random().Next(10,41);
            }

    4.运行TestServer.asmx页面,看到下图这样一个Webserver就创建成功了

    二、.net调用Webwebservice

       通常是把WebServer发布到iis,然后在另一个程序中调(这里为了方便直接在本程序中调用演示)

      1.项目中的引用选择添加服务引用,地址输入刚才那个页面的地址。

     然后看项目Service References文件夹

    2.新建一个WebServerData.aspx页面,在.cs中写

    复制代码
     protected void Page_Load(object sender, EventArgs e)
            {
                ServiceReference1.TestServerSoapClient testServer = new ServiceReference1.TestServerSoapClient();
                string str1= testServer.HelloWorld();
                string str2 = testServer.GetAge("b101");
                Response.Write(str1 + "," + str2);
            }
    复制代码

     有结果输出刚调用成功了。

    三、前端JS调用Webwebservice

     1.把TestServer.asmx 文件的允许ajax调用web服务下面一行代码取消注释

     2.添加一个WebServerData.html页面

      

    复制代码
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script src=" http://libs.baidu.com/jquery/1.11.1/jquery.min.js "></script>
            <script type="text/javascript">
                $(function () {
                    $("#getdata").click(function () {
                        $.ajax({
                            type: 'POST',
                            url: 'TestServer.asmx/GetAge',
                            data: '{ id:"bb101"}',
                            dataType: 'json',
                            contentType: "application/json",
                            success: function (data) {
                                $("#data").append(data.d);
                            }
                        });
                    });
                });
            </script>
    </head>
    <body>
        <a id="getdata" href="javascript:void(0);">获取webservice数据</a>
        <div id="data"></div>
    </body>
    </html>
    复制代码

     点击a显示下图则成功。

  • 相关阅读:
    nodejs访问mysql数据库工具ali-mysql-client
    谈谈数据监听observable的实现
    【开源】分享一个前后端分离方案-前端angularjs+requirejs+dhtmlx 后端asp.net webapi
    我的微型工作流引擎-办公应用实战
    我的微型工作流引擎-功能解析及API设计
    我的微型工作流引擎设计
    给Asp.Net MVC及WebApi添加路由优先级
    通用的业务编码规则设计实现
    快速开发之代码生成器(asp.net mvc4 + easyui + knockoutjs)
    利用CSS预处理技术实现项目换肤功能(less css + asp.net mvc4.0 bundle)
  • 原文地址:https://www.cnblogs.com/beeone/p/10071330.html
Copyright © 2011-2022 走看看