JS調用webservice服務

webservice服務

webservice服務代碼

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

namespace Harmonysoft.Web
{
    /// <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 HelloWorld1(string name)
        {
            return "{data:你好：" + name + "}";
        } 
    }
}

在服務中調用引用的服務，並將Ajax腳本調用改取消的注釋取消

JS調用

JS調用方式同一站點的webservice

 var name=$("#birthday").val();
 $.ajax({
       type: "Post", //Post傳參
       url: "/WebService1.asmx/HelloWorld1",//服務地址
       data: "{name:'" + name + "'}",//參數
       dataType: "json",
       contentType: "application/json;charset=utf-8",
       success: function (result) {
                    // 調用成功后，將獲取的名字填入name文本框中。
                    $("#name").val(result.d);
       },
       error: function (e) {
          window.alert(e.status);
       }
  })

調用結果

跨域訪問

見另一篇文章 JS跨域訪問