ajax json详解

AJAX 是一种在不重新加载整个网页的情况下，能够更新部分网页的技术。而 JSON 则是一种数据格式，可用于在 AJAX 中传输数据。下面我们将详细介绍 AJAX 和 JSON 的使用。

AJAX 的使用

1. 创建 XMLHttpRequest 对象。

var xmlhttp;
if (window.XMLHttpRequest) {
  // IE7+,Firefox,Chrome,Opera,Safari 浏览器
  xmlhttp=new XMLHttpRequest();
} else {
  // IE6,IE5 浏览器
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

2. 设置回调函数。

xmlhttp.onreadystatechange=function() {
  if (this.readyState==4 && this.status==200) {
    // 收到响应后执行代码
    document.getElementById("demo").innerHTML=this.responseText;
  }
}

3. 发送请求。

xmlhttp.open("GET","example.PHP",true);
xmlhttp.send();

JSON 的使用

1. JSON 对象的创建。

var myObj = { name: "John",age: 31,city: "New York" };
var myJSON = JSON.stringify(myObj); // 将对象转换为 JSON 格式的字符串

2. 在 AJAX 中使用 JSON。

xmlhttp.onreadystatechange=function() {
  if (this.readyState==4 && this.status==200) {
    var myObj = JSON.parse(this.responseText); // 将 JSON 格式的字符串转换为对象
    document.getElementById("demo").innerHTML=myObj.name;
  }
}

3. 在服务端中处理 JSON。

name;
echo $obj->age;
echo $obj->city;
?>

以上就是 AJAX 和 JSON 的详解。在实际应用中，可以将它们结合使用，构建出更加高效的动态网页。