JS調用webservice

Javascript調用WebService

在項目中添加WebService.asmx文件,然后就可以寫方法了,上代碼:

第一步:

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

/// <summary>
///WebService 的摘要說明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允許使用 ASP.NET AJAX 從腳本中調用此 Web 服務，請取消對下行的注釋。 
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService
{

    public WebService()
    {

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

    [WebMethod]
    public string HelloWorld()
    {
        return "Hello World";
    }
    [WebMethod]
    public string HelloWorld(string message)
    {
        return message;
    }

}

第二步:在這里我嘗試了在不同的模式中用，首先在普通的webForm頁面中用:

  <asp:ScriptManager ID="ScriptManager" runat="server">
        <Services>
            <asp:ServiceReference Path="~/WebService/WebService.asmx"/>
        </Services>
    </asp:ScriptManager>

將此段代碼加到頁面中,這樣我們在JS里面就可以調用webservice中的函數

<script type="text/javascript">
        function GetString()
        {
            JsWebService.GetString(GetStringCallBack);  //在WebService中調用方法，並設置回調函數
        }
        function GetStringCallBack(result)  
        {
            alert(result);
        }
        
        function GetStringParam(name) {
            JsWebService.GetString(name,GetStringParamCallBack);  //在WebService中調用方法，並設置回調函數，如果此方法中帶有參數則在回調函數前加入此參數。
        }
        function GetStringParamCallBack(result)
        {
            alert(result);
        }
        
        function GetList()
        {
            JsWebService.GetList(GetListCallBack);
        }
        function GetListCallBack(result)
        {
            if(result.length!=0)
            {
                for(var i=0;i<result.length;i++)
                {
                    document.getElementById("contentDivGetList").innerHTML += result[i] + "<br/>";
                }
            }
        }
        
        function GetObjectList()
        {
            JsWebService.GetObjectList(GetObjectListCallBack);
        }
        function GetObjectListCallBack(result)
        {
            if(result.length!=0)
            {
                for(var i=0;i<result.length;i++)
                {
                    document.getElementById("contentDivGetObjectList").innerHTML += "姓名:" + result[i].Name + "  年齡:" + result[i].Age + "<br/>";
                }
            }
        }
        
    </script>

 然后，我在MVC中使用JS調用webservice:在MVC中，不能用ScriptManager控件，這里要用MicrosoftAjax.js，然后引入webservice：

<script type="text/javascript">
        function success(result) {
            alert(result);
        }

        function faild(error) {
            alert("Error:"+error.get_message());
        }

        function pageLoad() {
            Sys.Net.WebServiceProxy.invoke(
                "http://www.cnblogs.com/WebService/WebService.asmx", //地址
                "HelloWorld",//要調用的方法
                false,//GET  or  Post 方式
                {msg:"123"},//參數
                success,//執行成功時調用的函數
                faild,//執行失敗時調用的函數
                            //回傳給客戶端的數據
                3000//超時timeout
            );
        }
    </script>

 

 

注意Sys.Net.WebServiceProxy.invoke()方法是在pageLoad()中調用的方法。這個方法請求一個Web Service。這個invoke()方法接收一下幾個參數：

         servicePath：WCF或者ASMX Web Service的路徑；

         methodName：Web方法的名稱；

         useGet：確定使用Get或者Post（默認Get）；

         params：一列要傳給Web方法的參數；

         onSuccess：Web方法成功調用后要執行的Javascript函數；

         onFailure：Web方法調用失敗后要執行的Javascript函數；

         userContext：回傳到客戶端的數據；

　　　timeout：在Web Service終止前的時間（）；

更多關於MVC中用ASP.NET AJAX控件http://www.cnblogs.com/manyiString/archive/2012/05/23/js5.html