vs2013 html 如何调用后台代码

在Visual Studio 2013中，HTML页面可以通过AJAX技术调用后台代码，以下是详细步骤：

（图片来源网络，侵删）

1、创建一个ASP.NET Web应用程序项目，在Visual Studio中，选择“文件”>“新建”>“项目”，然后选择“Web”>“ASP.NET Web应用程序”。

2、在项目中添加一个名为“Default.aspx”的HTML页面，双击该页面以打开其设计视图。

3、在Default.aspx页面中，添加一个按钮和一个用于显示结果的元素，可以添加以下HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>调用后台代码示例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <button id="btnCallBackend">调用后台代码</button>
    <div id="result"></div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnCallBackend").click(function () {
                $.ajax({
                    url: 'Default.aspx/GetData', // 后台方法的URL
                    type: 'GET',
                    dataType: 'json',
                    success: function (response) {
                        // 处理后台返回的数据
                        var data = response.d;
                        $("#result").html(data);
                    },
                    error: function (error) {
                        // 处理错误情况
                        alert("调用后台代码失败：" + error);
                    }
                });
            });
        });
    </script>
</body>
</html>

4、接下来，需要在项目中添加一个名为“Default.aspx.cs”的后台代码文件，在该文件中，定义一个名为“GetData”的方法，该方法将返回一个字符串。

using System;
using System.Web.Services;
[System.Web.Script.Services.ScriptService]
public class Default : System.Web.Services.WebService
{
    [WebMethod]
    public static string GetData()
    {
        return "这是从后台获取的数据";
    }
}

5、运行项目并点击“调用后台代码”按钮，如果一切正常，页面上将显示从后台获取的数据。

原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/448427.html

本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。