AJAX异步请求&JSON数据格式

作者：System 时间：2024年08月17日分类：所有,ajax 字数：1062

以下是一个使用AJAX发送异步请求并处理JSON响应的示例代码：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX & JSON Example</title>
    <script>
        function fetchData() {
            var xhr = new XMLHttpRequest(); // 创建一个新的XMLHttpRequest对象
 
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    // 请求成功完成
                    var jsonResponse = JSON.parse(xhr.responseText);
                    console.log(jsonResponse); // 输出JSON响应到控制台
                    // 这里可以继续处理jsonResponse
                }
            };
 
            xhr.open("GET", "https://api.example.com/data", true); // 设置请求参数
            xhr.send(); // 发送请求
        }
    </script>
</head>
<body>
    <button onclick="fetchData()">Fetch Data</button> <!-- 触发AJAX请求的按钮 -->
</body>
</html>

这段代码中，我们定义了一个名为fetchData的函数，该函数通过创建一个新的XMLHttpRequest对象来发送一个GET请求到指定的URL。请求完成后，如果请求成功（readyState为4且status为200），它会解析响应文本为JSON，并将其输出到控制台。这个例子展示了如何使用AJAX异步获取数据并处理JSON格式的响应。

AJAX异步请求&JSON数据格式

评论已关闭

推荐阅读