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

  
    
       var myjavascriptVar=123;
       
     
     
  

Mã số

//USING COOKIE

 document.cookie = "myjavascriptVar = " + myjavascriptVar 

Sử dụng Ajax

Cách lý tưởng nhất để chuyển giá trị biến JavaScript trong biến PHP là chuyển biến JS cho lệnh gọi AJAX. Nhưng để làm điều này, chúng ta cần tải lại trang có biến trong tham số $_GET và truy cập biến trong PHP bằng cách sử dụng $_GET[‘a’]

Trước khi chúng tôi có câu trả lời, xin lưu ý rằng không thể chuyển trực tiếp các biến từ JavaScript sang PHP

Điều này là do mã PHP được thực thi trên máy chủ, trong khi mã JavaScript được thực thi trong trình duyệt

Vào thời điểm mã JavaScript được trình duyệt thực thi, mã PHP đã chạy xong trên máy chủ

Tuy nhiên, có nhiều cách để khắc phục hạn chế này và chuyển dữ liệu từ JavaScript sang PHP

• Sử dụng AJAX để truyền dữ liệu từ JavaScript sang PHP
• Sử dụng API tìm nạp để gửi yêu cầu HTTP
• Sử dụng Biểu mẫu để Truyền dữ liệu từ JavaScript sang PHP
• Phần kết luận

Bài viết này sẽ giúp bạn tìm hiểu các giải pháp trên

Sử dụng AJAX để truyền dữ liệu từ JavaScript sang PHP

AJAX [JavaScript và XML không đồng bộ] là kỹ thuật gửi và nhận dữ liệu từ máy chủ không đồng bộ mà không cần phải làm mới trang

Điều này cho phép cập nhật một phần của trang web mà không cần tải lại toàn bộ trang. Nó thường được sử dụng cho những thứ như xác thực biểu mẫu và cập nhật nội dung động

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: "nathan@example.com",
    };

    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]];
}

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

function sendData[] {
    var data = {
        name: "Nathan",
        email: "nathan@example.com",
    };

    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]];
}

function sendData[] {
    var data = {
        name: "Nathan",
        email: "nathan@example.com",
    };

    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

function sendData[] {
    var data = {
        name: "Nathan",
        email: "nathan@example.com",
    };

    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]];
}

Send Data

//USING COOKIE

 document.cookie = "myjavascriptVar = " + myjavascriptVar 

Send Data

Send Data

Send Data

//USING COOKIE

 document.cookie = "myjavascriptVar = " + myjavascriptVar 

function sendData[] {
    var data = {
        name: "Nathan",
        email: "nathan@example.com",
    };

    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]];
}

Send Data

function sendData[] {
    var data = {
        name: "Nathan",
        email: "nathan@example.com",
    };

    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]];
}

Send Data