JSON PHP

JSON 的常规用途是从 web 服务器读取数据,然后在网页中显示这些数据。

本章向您讲解如何在客户端与 PHP 服务器之间交换 JSON 数据。

PHP 文件

PHP 提供处理 JSON 的内建函数。

通过使用 PHP 函数 json_encode(),PHP 中的对象可转换为 JSON:

PHP 文件

  1. <?php
  2. $myObj->name = "Bill Gates";
  3. $myObj->age = 62;
  4. $myObj->city = "Seattle";
  5.  
  6. $myJSON = json_encode($myObj);
  7.  
  8. echo $myJSON;
  9. ?>

客户端 JavaScript

这是客户端上的 JavaScript,使用 AJAX 调用来请求上例的 PHP 文件:

实例

使用 JSON.parse() 把结果转换为 JavaScript 对象:

  1. var xmlhttp = new XMLHttpRequest();
  2. xmlhttp.onreadystatechange = function() {
  3. if (this.readyState == 4 && this.status == 200) {
  4. myObj = JSON.parse(this.responseText);
  5. document.getElementById("demo").innerHTML = myObj.name;
  6. }
  7. };
  8. xmlhttp.open("GET", "demo_file.php", true);
  9. xmlhttp.send();

PHP 数组

在使用 PHP 函数 json_encode() 时,PHP 中的数组也将被转换为 JSON:

PHP 文件

  1. <?php
  2. $myArr = array("Bill Gates", "Steve Jobs", "Elon Musk");
  3.  
  4. $myJSON = json_encode($myArr);
  5.  
  6. echo $myJSON;
  7. ?>

客户端 JavaScript

这是客户端上的 JavaScript,使用 AJAX 调用来请求上例的 PHP 文件:

实例

请使用 JSON.parse() 将结果转换为 JavaScript 数组:

  1. var xmlhttp = new XMLHttpRequest();
  2. xmlhttp.onreadystatechange = function() {
  3. if (this.readyState == 4 && this.status == 200) {
  4. myObj = JSON.parse(this.responseText);
  5. document.getElementById("demo").innerHTML = myObj[2];
  6. }
  7. };
  8. xmlhttp.open("GET", "demo_file_array.php", true);
  9. xmlhttp.send();

PHP 数据库

PHP 是服务器端编程语言,应该用于只能由服务器执行的操作,比如访问数据库。

想象一下服务器上有一个数据库,包含客户、产品和供应商数据。

此刻,您需要请求服务器来获取“客户”表中前十条记录:

实例

请使用 JSON.stringify() 将 JavaScript 对象转换为 JSON:

  1. obj = { "table":"customers", "limit":10 };
  2. dbParam = JSON.stringify(obj);
  3. xmlhttp = new XMLHttpRequest();
  4. xmlhttp.onreadystatechange = function() {
  5. if (this.readyState == 4 && this.status == 200) {
  6. document.getElementById("demo").innerHTML = this.responseText;
  7. }
  8. };
  9. xmlhttp.open("GET", "demo_json_db.php?x=" + dbParam, true);
  10. xmlhttp.send();

例子解释:

  • 定义包含 table 属性和 limit 属性的对象。
  • 将这个对象转换为 JSON 字符串。
  • 向这个 PHP 文件发送请求,其中 JSON 作为参数。
  • 等待直到请求返回结果(作为 JSON)。
  • 显示从 PHP 文件接收到的结果。

查看 PHP 文件

PHP 文件

  1. <?php
  2. header("Content-Type: application/json; charset=UTF-8");
  3. $obj = json_decode($_GET["x"], false);
  4.  
  5. $conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
  6. $result = $conn->query("SELECT name FROM ".$obj->$table." LIMIT ".$obj->$limit);
  7. $outp = array();
  8. $outp = $result->fetch_all(MYSQLI_ASSOC);
  9.  
  10. echo json_encode($outp);
  11. ?>

PHP 文件解释:

  • 将请求转换为对象,使用 PHP 函数 json_decode()。
  • 访问数据库,用所请求的数据填充数组。
  • 把数组添加到对象,使用 json_encode() 函数以 JSON 返回该对象。

遍历结果

把从 PHP 文件接收到的结果转换为 JavaScript 对象,或者是在本例中的,一个 JavaScript数组:

实例

使用 JSON.parse() 把 JSON 转换为 JavaScript 对象:

  1. ...
  2. xmlhttp.onreadystatechange = function() {
  3. if (this.readyState == 4 && this.status == 200) {
  4. myObj = JSON.parse(this.responseText);
  5. for (x in myObj) {
  6. txt += myObj[x].name + "<br>";
  7. }
  8. document.getElementById("demo").innerHTML = txt;
  9. }
  10. };
  11. ...

PHP 方法 = POST

在向服务器发送数据时,通常最好是使用 HTTP POST 方法。

如需使用 POST 方法来发送 AJAX 请求,请指定该方法和正确的头部。

发送到服务器的数据现在必须是 .send() 方法的参数:

实例

  1. obj = { "table":"customers", "limit":10 };
  2. dbParam = JSON.stringify(obj);
  3. xmlhttp = new XMLHttpRequest();
  4. xmlhttp.onreadystatechange = function() {
  5. if (this.readyState == 4 && this.status == 200) {
  6. myObj = JSON.parse(this.responseText);
  7. for (x in myObj) {
  8. txt += myObj[x].name + "<br>";
  9. }
  10. document.getElementById("demo").innerHTML = txt;
  11. }
  12. };
  13. xmlhttp.open("POST", "demo_json_db.php", true);
  14. xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  15. xmlhttp.send("x=" + dbParam);

PHP 文件中的唯一不同是获取被传输数据的方法。

PHP 文件

使用 $_POST 而不是 $_GET:

  1. <?php
  2. header("Content-Type: application/json; charset=UTF-8");
  3. $obj = json_decode($_POST["x"], false);
  4.  
  5. $conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
  6. $result = $conn->query("SELECT name FROM ".$obj->$table." LIMIT ".$obj->$limit);
  7. $outp = array();
  8. $outp = $result->fetch_all(MYSQLI_ASSOC);
  9.  
  10. echo json_encode($outp);
  11. ?>