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) { // 成功