一、创建一个Webwebservice

      1.新建一个项目WebserverDemo

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

   

  3.编辑TestServer.asmx文件

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

/// 
    /// TestServer 的摘要说明    /// 
    [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页面

  

                         获取webservice数据    
     

 点击a显示下图则成功。