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