JS调用Webservice

最新推荐文章于 2025-08-14 17:31:00 发布

weixin_30673715

最新推荐文章于 2025-08-14 17:31:00 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript c# ViewUI

原文链接：http://www.cnblogs.com/Ren_Lei/archive/2010/07/14/1777343.html

本文介绍如何在ASP.NET Web应用中创建WebService，并通过JavaScript进行调用的方法。包括WebService的实现、页面脚本配置及AJAX交互示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

操作步骤：

1.新建一个WebApplication项目，取默认设置。

2.添加一个WebService，代码如下：

using System.ComponentModel;
using System.Web.Services;

namespace WebApplication1
{
    /// <summary>
    /// WebService1 的摘要说明
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ToolboxItem(false)]
    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
    [System.Web.Script.Services.ScriptService]
    public class WebService1 : System.Web.Services.WebService
    {

        [WebMethod]
        public string HelloWorldFun1()
        {
            return "Hello World";
        }
        [WebMethod]
        public string HelloWorldFun2(string str)
        {
            return "Hello World,"+str;
        }
    }
}

3.准备好WebService后，编辑Default.aspx文件。代码如下：

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>JS调用WebService</title>
    <script type="text/javascript" language="javascript">
        function func1()
        {        
        WebApplication1.WebService1.HelloWorldFun1(onSuccess,onFail,'Span1');
        }
        function func2()
        {
        var txt=document.getElementById('Text1').value;
        WebApplication1.WebService1.HelloWorldFun2(txt,onSuccess,onFail,'Span2');
        }
        
        function onSuccess(value,context)
        {
        document.getElementById(context).innerHTML=value;
        }
        function onFail(value)
        {
        alert(value);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    <Services>
        <asp:ServiceReference Path="~/WebService1.asmx"  />
    </Services>
    </asp:ScriptManager>
    <input id="Button1" type="button" value="button"  onclick="func1()" />    <span id="Span1"></span>
    <hr />
    <input id="Text1" type="text" /><input id="Button2" type="button" value="button"  onclick="func2()" />    <span id="Span2"></span>
    </form>
</body>
</html>

操作说明：

1.页面中需要添加ScriptManager组件，然后在里面添加WebService引用声明。[这里的Pah可以换成网络上的WebService路径。]

2.将ScriptManager的EnablePageMethods属性设置为True。[这是必须的，否则JS不知道该WebService。]

3.调用的格式：namespace.class.method([param],[onsuccessJSHandle],[onfailHSHandle],context);

　　其中：A。context为上下文关联参数，这里设置后，在调用成功的处理函数处可以调用。

　　　　　 B。onsuccessJSHandle为调用成功后的处理函数。

　　　　　 C。onfailHSHandle为调用失败后的处理函数。

4.WebService编写时需注意：

　　　　　 A。WebService类前必须加 [System.Web.Script.Services.ScriptService]

B。WebService方法前必须加 [WebMethod]

工作原理：

　　暂无。