JSON PHP
Um uso comum do JSON é ler dados de um servidor da Web e exibir os dados em uma página da Web.
Este capítulo ensinará como trocar dados JSON entre o cliente e um servidor PHP.
O arquivo PHP
O PHP tem algumas funções internas para lidar com JSON.
Objetos em PHP podem ser convertidos em JSON usando a função PHP json_encode() :
arquivo PHP
<?php
$myObj->name = "John";
$myObj->age = 30;
$myObj->city = "New
York";
$myJSON = json_encode($myObj);
echo $myJSON;
?>
O JavaScript do cliente
Aqui está um JavaScript no cliente, usando uma chamada AJAX para solicitar o arquivo PHP do exemplo acima:
Exemplo
Use JSON.parse() para converter o resultado em um objeto 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.php");
xmlhttp.send();
Matriz PHP
Arrays em PHP também serão convertidos em JSON ao usar a função PHP json_encode() :
arquivo PHP
<?php
$myArr = array("John", "Mary", "Peter", "Sally");
$myJSON = json_encode($myArr);
echo $myJSON;
?>
O JavaScript do cliente
Aqui está um JavaScript no cliente, usando uma chamada AJAX para solicitar o arquivo PHP do exemplo de array acima:
Exemplo
Use JSON.parse() para converter o resultado em uma matriz 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.php", true);
xmlhttp.send();
Banco de dados PHP
PHP é uma linguagem de programação do lado do servidor e pode ser usada para acessar um banco de dados.
Imagine que você tenha um banco de dados em seu servidor e queira enviar uma solicitação para ele do cliente, solicitando as 10 primeiras linhas em uma tabela chamada "clientes".
No cliente, crie um objeto JSON que descreva o número de linhas que você deseja retornar.
Antes de enviar a solicitação ao servidor, converta o objeto JSON em uma string e envie-o como parâmetro para a url da página PHP:
Exemplo
Use JSON.stringify() para converter o objeto JavaScript em 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.php?x=" + dbParam);
xmlhttp.send();
Exemplo explicado:
- Defina um objeto contendo uma propriedade e valor "limite".
- Converta o objeto em uma string JSON.
- Envie uma solicitação para o arquivo PHP, com a string JSON como parâmetro.
- Aguarde até que a solicitação retorne com o resultado (como JSON)
- Exiba o resultado recebido do arquivo PHP.
Dê uma olhada no arquivo PHP:
arquivo 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);
?>
Arquivo PHP explicado:
- Converta a solicitação em um objeto, usando a função PHP json_decode() .
- Acesse o banco de dados e preencha um array com os dados solicitados.
- Adicione a matriz a um objeto e retorne o objeto como JSON usando a função json_encode() .
Use os dados
Exemplo
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;
}
Método PHP = POST
Ao enviar dados para o servidor, geralmente é melhor usar o POSTmétodo HTTP.
Para enviar solicitações AJAX usando o POSTmétodo, especifique o método e o cabeçalho correto.
Os dados enviados ao servidor agora devem ser um argumento para o send()método:
Exemplo
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.php");
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
A única diferença no arquivo PHP é o método para obter os dados transferidos.
arquivo PHP
Use $_POST em vez de $_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);
?>