最簡單的 Web Service 入門 (看了包會)

• 原理：WebService是一個SOA（面向服務的編程）的架構，它是不依賴於語言，不依賴於平臺，能夠實現不一樣的語言間的相互調用，經過Internet進行基於SOAP協議的網絡應用間的交互。

• 做用：主要用於數據交換、提供服務接口

• 優勢：可跨平臺、部署簡單調用方便、無需額外客戶端支持

 

---

1、建立一個WebService服務

1.建立一個普通的Asp.Net Web應用程序，名稱爲WebServiceDemo

2.在剛建立的web程序裏添加一個WebService服務文件，名稱爲TestService.asmx, 步驟看截圖

 

3.編寫TestService.asmx服務代碼，代碼以下

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

namespace WebService
{
    /// <summary>
    /// TestService 的摘要說明
    /// </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 TestService : System.Web.Services.WebService
    {
        [WebMethod]
        public string HelloWorld()
        {
            return "Hello World";
        }

        [WebMethod]
        public int Add(int i, int j)
        {
            return i + j;
        }
    }
}

4.進行編譯。而後F5運行剛建立的項目,我這邊的url是：http://localhost:50639/testservice.asmx ， 若是能看到下面截圖就說明建立成功。

2、後臺調用方式

1.添加服務引用（能夠添加一個新項目或在當前WebServiceDemo項目裏作引用測試，這裏我直接在WebServiceDemo作引用測試）

步驟：a) 右擊WebServiceDemo項目裏的引用，而後選擇「添加服務引用」

        b) 彈出框地址填寫： http://localhost:50639/TestService.asmx， （注意：這裏要換成你本身剛運行的服務地址）

        c) 命名空間改成「TestServiceReference」，而後點擊「往前」按鈕進行測試，如無問題，點擊肯定按鈕完成服務的引用

 

以下截圖:

2.在後臺cs調用，新建一個web.aspx頁面，在後臺鍵入以下代碼進行測試

protected void Page_Load(object sender, EventArgs e)
{
    //RegisterHyperLink.NavigateUrl = "Register.aspx?ReturnUrl=" + HttpUtility.UrlEncode(Request.QueryString["ReturnUrl"]);

    //調用方法
    TestServiceReference.TestServiceSoapClient testService = new TestServiceReference.TestServiceSoapClient();
    int result = testService.Add(1, 2);
    string hellowWorld = testService.HelloWorld();
    Page.Response.Write("整型結果：" + result.ToString() + "。字符串結果：" + hellowWorld);
}

3.如看到結果，說明WebService的建立和引用成功了

3、前臺js調用方式

1.打開TestService.asmx，對代碼進行修改，以適應js調用，代碼以下

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

namespace WebService
{
    /// <summary>
    /// TestService 的摘要說明
    /// </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 TestService : System.Web.Services.WebService
    {
        public string GetWeekName(int day)
        {
            string result;
            if (day > 6)
            {
                result = "輸入格式有誤";
            }
            else
            {
                DayOfWeek week = (DayOfWeek)day;
                result = week.ToString();
            }
            return result;
        }
    }
}

 

2.前端頁面代碼（注意這裏須要引入jquery文件）

<script type="text/javascript">
    $(function () {
        $.ajax({
            type: 'POST',
            url: 'TestService.asmx/GetWeekName',
            data: '{ day: 4}',
            dataType: 'json',
            contentType: "application/json",
            success: function (data) {
                alert(data.d);
            }
        });
    });
</script>

3.編譯WebService所在項目，而後運行咱們剛寫好的前端頁面， 結果以下

4.看到結果了嗎，若是看到，說明你已經從建立一個WebService服務到使用都已經操做了一遍。觸類旁通，剩下的看你的了

第一次寫的文章，以爲有收穫的請給個贊，那將是我繼續分享的動力，謝謝你們