使用jQuery AJAX将数据集绑定到ASP.Net Div标签

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

[WebMethod]
public static List<string> GetData()
{
    // 处理数据逻辑，返回数据集
    List<string> data = new List<string>();
    data.Add("数据1");
    data.Add("数据2");
    data.Add("数据3");
    return data;
}

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "WebService.asmx/GetData", // Web服务的URL
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            var data = response.d; // 获取返回的数据集
            var div = $("#myDiv"); // 获取Div标签
            div.empty(); // 清空Div标签内容
            for (var i = 0; i < data.length; i++) {
                div.append("<p>" + data[i] + "</p>"); // 将数据添加到Div标签中
            }
        },
        error: function(xhr, status, error) {
            console.log(error); // 处理错误
        }
    });
});