JSON 的常见用途是从 Web 服务器读取数据,并将数据显示在网页中。
本章将教您如何在客户端和 PHP 服务器之间交换 JSON 数据。
PHP 有一些内置函数来处理 JSON。
PHP中的对象可以使用PHP函数转换为JSONjson_encode() :
<?php
$myObj->name = "John";
$myObj->age = 30;
$myObj->city = "New York";
$myJSON = json_encode($myObj);
echo $myJSON;
?>
显示 PHP 文件 »
下面是客户端上的 JavaScript,使用 AJAX 调用来请求上面示例中的 PHP 文件:
使用 JSON.parse() 将结果转换为 JavaScript 对象:
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
}
xmlhttp.open("GET", "demo_file.html");
xmlhttp.send();
亲自试一试 »
PHP中的数组在使用PHP函数时也会被转换为JSONjson_encode() :
<?php
$myArr = array("John", "Mary", "Peter", "Sally");
$myJSON = json_encode($myArr);
echo $myJSON;
?>
显示 PHP 文件 »
下面是客户端上的 JavaScript,使用 AJAX 调用从上面的数组示例中请求 PHP 文件:
使用 JSON.parse() 将结果转换为 JavaScript 数组:
var xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj[2];
}
xmlhttp.open("GET", "demo_file_array.html", true);
xmlhttp.send();
亲自试一试 »
PHP 是一种服务器端编程语言,可用于访问数据库。
想象一下,您的服务器上有一个数据库,并且您希望从客户端向该数据库发送请求,要求获取名为 "customers" 的表中的前 10 行。
在客户端上,创建一个描述要返回的行数的 JSON 对象。
在向服务器发送请求之前,将 JSON 对象转换为字符串并将其作为参数发送到 PHP 页面的 url:
使用 JSON.stringify() 将 JavaScript 对象转换为 JSON:
const limit = {"limit":10};
const dbParam = JSON.stringify(limit);
xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
document.getElementById("demo").innerHTML = this.responseText;
}
xmlhttp.open("GET","json_demo_db.html?x=" + dbParam);
xmlhttp.send();
亲自试一试 »
看一下 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);
?>
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
let text = "";
for (let x in myObj) {
text += myObj[x].name + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
亲自试一试 »
当向服务器发送数据时,通常最好使用 HTTPPOST
方法。
使用以下方式发送 AJAX 请求POST
方法,指定方法和正确的标头。
发送到服务器的数据现在必须是send()
方法:
const dbParam = JSON.stringify({"limit":10});
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
const myObj = JSON.parse(this.responseText);
let text ="";
for (let x in myObj) {
text += myObj[x].name + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
xmlhttp.open("POST", "json_demo_db_post.html");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
亲自试一试 »
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);
?>
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!