第三部分 01 使用ASP.NET AJAX异步调用WebService(全)

最新推荐文章于 2024-09-16 08:47:17 发布

weixin_34099526

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量51

点赞数

文章标签： xhtml javascript c# ViewUI

原文链接：http://www.cnblogs.com/miclu/archive/2007/06/14/783525.html

版权

一方法和参数
[NameSpace]：服务器端Web Service的命名空间。若没有显式命名空间声明，则该部分可以省略
[ClassName]：服务器端Web Service的类名
[MethodName]：定义在服务器端Web Service中的、将要被调用的方法名
param1 param2 … param n：将要调用的方法的参数列表。其中参数的个数、顺序要与Web Service中方法参数的定义严格保持一致，可为0～n个
onSucceeded：调用Web Service成功时的回调函数，该参数为可选
onFailed：调用Web Service失败时的回调函数，该参数为可选
userContext：调用Web Service时传递的用户上下文对象，该参数为可选

二 WebService
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;

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

}

    [WebMethod]
    public int Add(int a, int b)
    {
        return a + b;
    }
}

注意：为类添加[ScriptService]属性，表示该类下所有方法均暴露给客户端。可以单独为某个方法添加此属性。

三 Default.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 id="Head1" runat="server">
    <title>Untitled Page</title>
    <script language="javascript" type="text/javascript">
        function callService(num1, num2, button)
        {
            SimpleWebService.Add(num1, num2, onSucceeded, onFailed, button);
        }
        function onSucceeded(result, context)
        {
            $get("result").innerHTML = result + " 来自 " + context;
        }
        function onFailed(error)
        {
            // 取得异常信息
            var stackTrace = error.get_stackTrace();
            var message = error.get_message();
            var statusCode = error.get_statusCode();
            var exceptionType = error.get_exceptionType();
            var timeout = error.get_timedOut();
            // 显示异常信息
            $get("result").innerHTML =
                "<strong>Stack Trace: </strong>" + stackTrace + "<br/>" +
                "<strong>Service Error: </strong>" + message + "<br/>" +
                "<strong>Status Code: </strong>" + statusCode + "<br/>" +
                "<strong>Exception Type: </strong>" + exceptionType + "<br/>" +
                "<strong>Is Timeout: </strong>" + timeout;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <services>
                <asp:servicereference path="~/SimpleWebService.asmx" />
            </services>
        </asp:ScriptManager>
        <div id="div1">
            <input id="button1" type="button" value="3加2" οnclick="callService('3', '2', 'button1')" />
            <input id="button2" type="button" value="1加2" οnclick="callService('1', '2', 'button2')" />
            <div id="result"></div>
        </div>
    </form>
</body>
</html>