JSON PHP
JSON 的常规用途是从 web 服务器读取数据，然后在网页中显示这些数据。
本章向您讲解如何在客户端与 PHP 服务器之间交换 JSON 数据。
PHP 文件
PHP 提供处理 JSON 的内建函数。
通过使用 PHP 函数 json_encode()，PHP 中的对象可转换为 JSON:
PHP 文件
<?php
$myObj->name = "John";
$myObj->age = 30;
$myObj->city = "New
York";
$myJSON = json_encode($myObj);
echo $myJSON;
?>
Show PHP file »
客户端 JavaScript
这是客户端上的 JavaScript，使用 AJAX 调用来请求上例的 PHP 文件:
实例
使用 JSON.parse() 把结果转换为 JavaScript 对象:
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
}
};
xmlhttp.open("GET", "demo_file.php", true);
xmlhttp.send();
亲自试一试 »
PHP 数组
在使用 PHP 函数 json_encode() 时，PHP 中的数组也将被转换为 JSON:
PHP 文件
<?php
$myArr = array("John", "Mary", "Peter", "Sally");
$myJSON = json_encode($myArr);
echo $myJSON;
?>
Show PHP file »
客户端 JavaScript
这是客户端上的 JavaScript，使用 AJAX 调用来请求上例的 PHP 文件:
实例
请使用 JSON.parse() 将结果转换为 JavaScript 数组:
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj[2];
}
};
xmlhttp.open("GET", "demo_file_array.php", true);
xmlhttp.send();
亲自试一试 »
PHP 数据库
PHP 是服务器端编程语言，应该用于只能由服务器执行的操作，比如访问数据库。
想象一下服务器上有一个数据库，包含客户、产品和供应商数据。
此刻，您需要请求服务器来获取"客户"表中前十条记录:
在客户端上，创建一个 JSON 对象，该对象描述要返回的行数
将请求发送到服务器之前，请将JSON对象转换为字符串，并将其作为参数发送到 PHP 页面的 url:
实例
请使用 JSON.stringify() 将 JavaScript 对象转换为 JSON:
obj = { "limit":10 };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML
= this.responseText;
}
};
xmlhttp.open("GET",
"json_demo_db.php?x=" + dbParam, true);
xmlhttp.send();
亲自试一试 »
实例解析:
- 定义包含 "limit" 属性和值的对象。
- 将这个对象转换为 JSON 字符串。
- 向这个 PHP 文件发送请求，其中 JSON 作为参数。
- 等待直到请求返回结果（作为 JSON）。
- 显示从 PHP 文件接收到的结果。
查看 PHP 文件
查看 PHP 文件
<?php
header("Content-Type: application/json; charset=UTF-8");
$obj =
json_decode($_GET["x"], false);
$conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
$stmt = $conn->prepare("SELECT name FROM customers LIMIT ?");
$stmt->bind_param("s", $obj->limit);
$stmt->execute();
$result = $stmt->get_result();
$outp = $result->fetch_all(MYSQLI_ASSOC);
echo json_encode($outp);
?>
PHP 文件解释:
- 将请求转换为对象，使用 PHP 函数 json_decode()。
- 访问数据库，用所请求的数据填充数组。
- 把数组添加到对象，使用 json_encode() 函数以 JSON 返回该对象。
遍历结果
把从 PHP 文件接收到的结果转换为 JavaScript 对象，或者是在本例中的，一个 JavaScript数组:
实例
使用 JSON.parse() 把 JSON 转换为 JavaScript 对象:
...
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
for (x in myObj) {
txt += myObj[x].name + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
};
...
亲自试一试 »
PHP 方法 = POST
在向服务器发送数据时，通常最好是使用 HTTP POST 方法。
如需使用 POST 方法来发送 AJAX 请求，请指定该方法和正确的头部。
发送到服务器的数据现在必须是 send() 方法的参数:
实例
obj = { "limit":10 };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
for (x in myObj) {
txt += myObj[x].name + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
};
xmlhttp.open("POST", "json_demo_db_post.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
亲自试一试 »
PHP 文件中的唯一不同是获取被传输数据的方法。
PHP 文件
使用 $_POST 而不是 $_GET:
<?php
header("Content-Type: application/json; charset=UTF-8");
$obj =
json_decode($_POST["x"], false);
$conn = new mysqli("myServer", "myUser", "myPassword", "Northwind");
$stmt = $conn->prepare("SELECT name FROM customers LIMIT ?");
$stmt->bind_param("s",
$obj->limit);
$stmt->execute();
$result = $stmt->get_result();
$outp = $result->fetch_all(MYSQLI_ASSOC);
echo json_encode($outp);
?>
