使用JavaScript来调用.net WebService-CSDN博客

本文链接：https://blog.csdn.net/hzsasheng/article/details/8078221

以下例子说明如何使用JavaScript 来调用.net 的一个WebService 中的方法，代码如下：

<!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>
    <title>使用JavaScript来调用邮件发送WebService</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
    <script language="javascript" type="text/javascript">
        function testSendMail() {
            var mailTo = $("#txtMailTo").val();
            var title = $("#txtTitle").val();
            var body = $("#txtBody").val();
            var json_data = "{ \"mailTo\":\"" + mailTo + "\",\"title\": \"" + title + "\",\"body\":\"" + body + "\"}";
            $.ajax({
                url: "http://localhost/ws/SendMail.asmx/DoSendMail",
                async: false,
                type: "POST",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: json_data,
                success: function (data) {
                     alert(data.d);
                },
                error: function () {
                    alert("无法调用，请联系管理员");
                }
            });
        }

    </script>
</head>
<body>
发送给:<input type='text' id="txtMailTo" value='10000@qq.com' /><br />
标  题:<input type='text' id="txtTitle" value='这是一封测试邮件' /><br />
内  容:<textarea id="txtBody" rows="5" cols="40"><font color='red'>这里试邮件正文</font></textarea><br />
<input type="button" value="测试邮件发送" οnclick="testSendMail()" />
</body>
</html>