30、JSON与AJAX的使用指南

tree8

于 2025-07-21 16:38:38 发布

阅读量4

点赞数

CC 4.0 BY-SA版权

分类专栏：深入PHP专业编程：从入门到精通文章标签： JSON AJAX XMLHttpRequest

本文链接：https://blog.youkuaiyun.com/tree8/article/details/149560235

深入PHP专业编程：从入门到精通专栏收录该内容

32 篇文章 ¥399.00 ¥499.90

订阅专栏

超级会员免费看

JSON与AJAX的使用指南

1. 使用XMLHttpRequest

在Web开发中， XMLHttpRequest 对象是实现异步数据交互的关键工具。下面通过几个示例来详细介绍其使用方法。

1.1 修改页面元素内容

以下是一个使用 XMLHttpRequest 对象替换 <p> 标签内容的示例代码：

<html>
    <head></head>
    <body>
        <p>Original content</p>
        <script type="text/javascript">
            var xhr = new XMLHttpRequest();

            // 分配请求属性
            xhr.open("GET", window.location.pathname, true);

            // 定义回调函数
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4) { // 就绪状态4表示完成
                    var message = "";
                    if (xhr.status == 200) { // 成功