Cách sử dụng biến JavaScript trong PHP

Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách lưu trữ giá trị biến JavaScript trong giá trị biến PHP. Vì một chạy ở phía máy chủ và một chạy ở phía máy khách. Hy vọng hướng dẫn này sẽ hữu ích cho bạn và tôi sẽ cố gắng làm cho hướng dẫn này dễ học

Biến JavaScript thành biến PHP

Giả sử chúng tôi có JavaScript và PHP trực tiếp trong cùng một tài liệu, thì PHP sẽ được thực thi trước và chúng tôi biết nó được thực thi ở phía máy chủ và JavaScript sẽ được thực thi thứ hai và chúng tôi biết rằng nó sẽ được thực thi ở phía trình duyệt. Bằng cách này, cả hai sẽ không bao giờ tương tác

Hãy hiểu với một ví dụ

Giả sử tôi khai báo một biến JavaScript và tôi không thể gán giá trị đó cho PHP. Điều này có thể được giải quyết trực tiếp bằng cách sử dụng Ajax. Nhưng vấn đề là tôi không biết Ajax


  
    
     
  

Mã số

//USING COOKIE


Trong JavaScript, AJAX được thực hiện bằng cách sử dụng đối tượng

function sendData() {
    var data = {
        name: "Nathan",
        email: "[email protected]",
    };

    var xhr = new XMLHttpRequest();

    //👇 set the PHP page you want to send data to
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    //👇 what to do when you receive a response
    xhr.onreadystatechange = function () {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    };

    //👇 send the data
    xhr.send(JSON.stringify(data));
}
9

Đoạn mã dưới đây cho biết cách sử dụng đối tượng

function sendData() {
    var data = {
        name: "Nathan",
        email: "[email protected]",
    };

    var xhr = new XMLHttpRequest();

    //👇 set the PHP page you want to send data to
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    //👇 what to do when you receive a response
    xhr.onreadystatechange = function () {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    };

    //👇 send the data
    xhr.send(JSON.stringify(data));
}
9 để gửi dữ liệu tới tập lệnh PHP của bạn

function sendData() {
    var data = {
        name: "Nathan",
        email: "[email protected]",
    };

    var xhr = new XMLHttpRequest();

    //👇 set the PHP page you want to send data to
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    //👇 what to do when you receive a response
    xhr.onreadystatechange = function () {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    };

    //👇 send the data
    xhr.send(JSON.stringify(data));
}

Trong ví dụ này, chúng tôi đã xác định hàm

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
1 chứa dữ liệu mà chúng tôi muốn chuyển tới PHP, cùng với
function sendData() {
    var data = {
        name: "Nathan",
        email: "[email protected]",
    };

    var xhr = new XMLHttpRequest();

    //👇 set the PHP page you want to send data to
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    //👇 what to do when you receive a response
    xhr.onreadystatechange = function () {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    };

    //👇 send the data
    xhr.send(JSON.stringify(data));
}
9 sẽ được thực thi để gửi dữ liệu

Dữ liệu này được biểu diễn dưới dạng một đối tượng JavaScript, nhưng nó cũng có thể là một mảng hoặc một chuỗi

Đối tượng

function sendData() {
    var data = {
        name: "Nathan",
        email: "[email protected]",
    };

    var xhr = new XMLHttpRequest();

    //👇 set the PHP page you want to send data to
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    //👇 what to do when you receive a response
    xhr.onreadystatechange = function () {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    };

    //👇 send the data
    xhr.send(JSON.stringify(data));
}
9 sau đó được sử dụng để gửi dữ liệu đến tệp
php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
1 trên máy chủ bằng yêu cầu HTTP
php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
2

Trong tệp

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
1 của mình, bạn có thể truy cập dữ liệu được gửi từ JavaScript bằng mã sau

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];

Trong đoạn mã trên, hàm

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
4 chuyển đổi dữ liệu được mã hóa JSON được gửi từ JavaScript thành một mảng PHP

Sau đó, bạn có thể truy cập các phần tử riêng lẻ của mảng và sử dụng chúng trong mã PHP của mình

Khi bạn chạy hàm

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
1, mã PHP sẽ được thực thi và sẽ có phản hồi như hình bên dưới

xhr alert() responsephản hồi cảnh báo xhr()

Bạn có thể chạy hàm

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
1 bằng cách tạo phần tử HTML
php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
7 như sau

<button onClick="sendData()">Send Databutton>

Bạn có thể thay đổi hàm

php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
8 được gọi trong hàm
php
$data = json_decode(file_get_contents("php://input"), true);

echo "Hello, " . $data["name"] . "!";
echo PHP_EOL;
echo "Your email address is " . $data["email"];
9 để phù hợp với yêu cầu của bạn

Sử dụng API tìm nạp để gửi yêu cầu HTTP

API

<button onClick="sendData()">Send Databutton>

0 là một giải pháp thay thế hiện đại cho
function sendData() {
    var data = {
        name: "Nathan",
        email: "[email protected]",
    };

    var xhr = new XMLHttpRequest();

    //👇 set the PHP page you want to send data to
    xhr.open("POST", "index.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");

    //👇 what to do when you receive a response
    xhr.onreadystatechange = function () {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            alert(xhr.responseText);
        }
    };

    //👇 send the data
    xhr.send(JSON.stringify(data));
}
9 mà bạn có thể sử dụng để truyền dữ liệu từ JavaScript sang PHP

Dưới đây là một ví dụ về cách bạn có thể sử dụng API

<button onClick="sendData()">Send Databutton>

0 để truyền dữ liệu từ JavaScript sang PHP

//USING COOKIE


Dữ liệu này được biểu diễn dưới dạng một đối tượng JavaScript, nhưng nó cũng có thể là một mảng hoặc một chuỗi

Sau đó, chúng tôi sử dụng hàm

//USING COOKIE