簡單ajax+webservice 例子

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

一直以為webservice只用來提供外部特殊商務服務的功能模組，所以我一直都是用ashx檔案處理後台，今天看了別人的文章恍然明白，原來webservice也可以處理ajax請求，而且一個檔案可以同時處理多個請求，和ashx方便多了，不用建立那麼檔案了。

下面是2個很簡單的例子，明白道理即可

HTML部分

View Code

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>無標題頁</title>
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript">
    //第一個測試例子
    function HelloWorld()
    {
         $.ajax({
           type: "POST",
           url: "WebService.asmx/HelloWorld",
           data: "name=John",
           success: function(msg){
             alert( "Data Saved: " + msg );
           }
        });
    }
    //兩數字相加
    function add()
    {
           $.ajax({
           type: "POST",
           url: "WebService.asmx/Add",
           data: "a="+$("#Text1").val()+"&b="+$("#Text2").val(),
           success: function(msg){

            $("#Text3").val(msg);
           }
        });

    }

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="hello" type="button" value="button" onclick="HelloWorld()" />

        <br />


        <br />
        NumA:<input id="Text1" style="width: 31px" type="text" />
        +NumB:<input id="Text2"style="width: 33px" type="text" onblur="add()" />
        =<input id="Text3" style="width: 33px" type="text" /></div>
    </form>

</body>
</html>

webservice部分

View Code

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;

/// <summary>
/// WebService 的摘要說明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class WebService : System.Web.Services.WebService {

public WebService () {

        //如果使用設計的組件，請取消注釋以下行
        //InitializeComponent();
    }

    [WebMethod]
    public void HelloWorld() {
        if (Context.Request["name"] != null)
        {
            Context.Response.Write(Context.Request["name"].ToString());
        }
        else
        {
            Context.Response.Write("no");
        }
    }
    [WebMethod]
    public string Hello(string name)
    {
        return string.Format("Hello {0}", name);
    }
    [WebMethod]
    public void Add()
    {
        if (Context.Request["a"] != null && Context.Request["a"] != null)
        {

            int anum = int.Parse(Context.Request["a"].ToString());
            int bnum = int.Parse(Context.Request["b"].ToString());
            int result=anum+bnum;
            Context.Response.Write(result.ToString());
        }
        else
        {
            Context.Response.Write("no");
        }

    }

}

不要忘記引用jquery.js檔案

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More