使用Js调用WebService

最新推荐文章于 2022-08-02 11:30:14 发布

CodeSnippet小笨蛋

最新推荐文章于 2022-08-02 11:30:14 发布

阅读量654

点赞数

分类专栏： ASP.NET 文章标签： webservice function button input string server

本文链接：https://blog.csdn.net/homezzm/article/details/4544032

版权

ASP.NET 专栏收录该内容

76 篇文章 0 订阅

订阅专栏

-------------------------------------------WebService文件内容-------------------------------------------

using System;
using System.Web;
using System.Collections;
using System.Collections.Generic;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.UI.MobileControls;

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

public JsWebService()
{

        //如果使用设计的组件，请取消注释以下行
        //InitializeComponent();
    }

    [WebMethod]
    public string GetString()
    {
        return "GetString";
    }

    [WebMethod]
    public string GetString(string name)
    {
        return string.Format("{0}欢迎您的到来!", name);
    }

    [WebMethod]
    public List<string> GetList()
    {
        List<string> listStr = new List<string>();
        for (int i = 0; i < 10; i++)
        {
            listStr.Add("test" + i);
        }
        return listStr;
    }

    [WebMethod]
    public List<JsWebServiceObject> GetObjectList()
    {
        List<JsWebServiceObject> objs = new List<JsWebServiceObject>();
        for (int i = 0; i < 10; i++)
        {
            JsWebServiceObject obj = new JsWebServiceObject("name" + i, i + 20);
            objs.Add(obj);
        }
        return objs;
    }

}

-------------------------------------------调用WebService的aspx页面代码-------------------------------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Js调用WebService</title>
    <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>
</head>
<body>
    <form id="form1" runat="server">

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

        <div>

            <input type="button" name="btnJsWebService" value="GetString" οnclick="GetString()" />
            <input type="button" name="butJsWebService" value="GetList" οnclick="GetList()" />
            <input type="button" name="butJsWebService" value="GetObjectList" οnclick="GetObjectList()" />
            <input type="button" name="butJsWebService" value="GetStringParam" οnclick="GetStringParam('js调用WebService')" />

            <div id="contentDivGetList"></div>
            <div id="contentDivGetObjectList"></div>

        </div>
    </form>
</body>
</html>