ajax调用asp函数返回json

AJAX技术让我们可以通过异步的方式向服务器请求数据并更新页面而不用刷新整个页面。它可以增加用户体验以及降低资源浪费。

在ASP网页中，我们可以使用AJAX调用后台的函数并返回JSON格式数据，来实现异步数据交互的需求。

<script type="text/javascript">
    function loadData() {
        $.ajax({
            type: "POST",url: "getData.asp",data: "{}",contentType: "application/json;charset=utf-8",dataType: "json",success: function (response) {
                displayData(response);
            }
        });
    }
    
    function displayData(data) {
        var html = "";
        for (var i = 0; i < data.length; i++) {
            html += "<tr><td>" + data[i].name + "</td><td>" + data[i].age + "</td></tr>";
        }
        $("#dataList").html(html);
    }
</script>

上面的代码是一个使用AJAX调用ASP函数并返回JSON数据的例子。它可以从getData.asp这个页面获取JSON格式数据，并将数据展示在页面上。

在ASP页面上，我们可以通过以下代码来实现函数调用并返回JSON格式的数据：

<% 
    Response.ContentType = "application/json" '设置响应的内容类型为JSON格式
    Dim data(2) '定义一个数组
    data(0) = "{""name"":""张三"",""age"":20}"
    data(1) = "{""name"":""李四"",""age"":18}"
    '将数组转换成JSON字符串
    Dim jsonData
    jsonData = "[" & Join(data,",") & "]"
    Response.Write(jsonData) '向客户端发送JSON数据
%>

在这个例子中，我们仅仅返回了一些模拟数据。在实际应用中，我们可以通过数据库查询等方式来获取真实的数据，并将其转换成JSON格式进行返回。

总结来说，AJAX调用ASP函数并返回JSON格式数据是一种常用的异步数据交互方式，它可以提高用户体验并降低资源浪费。