Làm cách nào để lưu trữ biến biến JavaScript trong PHP?

Hôm nay, chúng tôi muốn chia sẻ với bạn cách lưu trữ giá trị javascript trong biến php. Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách chuyển biến javascript sang php trong cùng một trang, hãy tìm hiểu cách lấy giá trị trả về của hàm javascript trong biến php? . Trong bài đăng này, chúng ta sẽ tìm hiểu về Cách lấy giá trị biến Javascript trong Php trong cùng một trang?

cách sử dụng biến js trong php?

nội dung

Cũng đọc phần này 👉   liên kết email html5 - ví dụ về mailto

var val = "";

ví dụ 1. js var sang php

document.writeln(results);";
?>

ví dụ 2. sử dụng biến js trong php

"?>   

Ví dụ biến PHP thành JavaScript

ví dụ 3

Tôi hy vọng bạn có ý tưởng về cách chuyển đổi biến javascript thành biến php?
Tôi muốn có thông tin phản hồi về infinityknow của tôi. blog com
Phản hồi, câu hỏi hoặc nhận xét có giá trị của bạn về bài viết này luôn được chào đón
Nếu bạn thích và thích bài đăng này, đừng quên chia sẻ

Bài viết liên quan

1. cách in biến javascript trong thẻ html?
2. Nhiều thanh trượt hình ảnh trong mã nguồn html
3. cách lấy giá trị biến javascript trong php trong cùng một trang?
4. Làm cách nào để in/hiển thị biến javascript trong html?
5. bootstrap thanh trượt lời chứng thực đơn giản bằng cách sử dụng javascript html
6. Làm cách nào để chuyển các biến và dữ liệu từ PHP sang JavaScript?
7. Làm cách nào để tạo hiệu ứng lớp phủ di chuột cho hình ảnh?
8. Kiểm tra xem một biến isstring trong JavaScript
9. trình chiếu php trong mã nguồn javascript
10. cách in giá trị biến javascript trong trang html?

Cũng đọc phần này 👉   Thanh điều hướng thả xuống đáp ứng

Khi bạn có một biến PHP trên cùng một trang với mã JavaScript, bạn có thể sử dụng echo để chuyển trực tiếp biến đó từ PHP sang JavaScript

Giả sử bạn có một tệp index.php với nội dung sau

$name = "Nathan"; 
?>

<h1>Passing PHP variable to JavaScripth1>
<h2 id="result">h2>
<script>
    const data = " echo $name; ?>";
    const result = document.getElementById("result");
    result.innerText = data;
script>

Khi bạn chạy đoạn mã trên, giá trị biến

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

0 sẽ được chuyển sang biến

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

1 trong JavaScript

Để chứng minh rằng nó đã hoạt động, giá trị

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

1 sau đó được chỉ định làm nội dung thẻ

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

3. Trình duyệt hiển thị đầu ra sau

Biến tiếng vang PHP trong JavaScript

Với hàm echo, bạn có thể xuất ra một chuỗi bằng cách thêm các ký hiệu trích dẫn (đơn hoặc kép) trước thẻ

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

5 ở trên

Nếu bạn đang gửi một giá trị

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

6, thì bạn không cần ký hiệu trích dẫn

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

Khi bạn gửi một mảng PHP, bạn cần gọi hàm

// 👇 sending a string
$name = "Nathan"; 
?>

<script>
    const data = " echo $name; ?>";
script>


// 👇 sending an int
$age = 29; 
?>

<script>
    const data =  echo $age; ?>;
script>

7 trước khi chuyển nó tới JavaScript

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

Và đó là cách bạn chuyển một biến PHP sang JavaScript bằng cách gọi hàm echo

Tiếp theo, hãy xem cách sử dụng DOM để chuyển các biến PHP sang JavaScript

Sử dụng DOM để chuyển các biến PHP sang JavaScript

Đôi khi, bạn có thể cần các biến PHP sau khi người dùng đã thực hiện một hành động như nhấp vào nút

Bạn cũng có thể có nhiều biến PHP mà bạn muốn chuyển và trong khi echo hoạt động để gửi dữ liệu PHP tới JavaScript, bạn có thể muốn một giải pháp rõ ràng hơn

Bên cạnh việc gọi hàm echo, bạn cũng có thể sử dụng thẻ HTML DOM để lưu trữ dữ liệu PHP

Đây là một ví dụ

<div id="data-name" style="display: none;">
    
        $name = "Nathan"; // this is where you get the data
        echo htmlspecialchars($name); // put as the div content
    ?>
div>

<div id="data-age" style="display: none;">
    
        $age = 29; // this is where you get the data
        echo htmlspecialchars($age); // put as the div content
    ?>
div>

<div id="data-array" style="display: none;">
    
        $array = [1, 2, 3]; // this is where you get the data
        echo htmlspecialchars($array); // put as the div content
    ?>
div>

Bằng cách giữ dữ liệu PHP của bạn trong các thẻ DOM như được hiển thị ở trên, sau đó bạn có thể truy xuất dữ liệu bằng JavaScript như sau

<script>
  const name = document.getElementById("data-name").textContent;
  const age = document.getElementById("data-age").textContent;
  const arr = document.getElementById("data-array").textContent;
script>

Phương pháp này tương tự như sử dụng trực tiếp echo, nhưng được coi là rõ ràng hơn vì bạn echo tới DOM thay vì các biến JavaScript

Bạn cũng có thể chọn thời điểm JavaScript sẽ truy xuất dữ liệu PHP. Đây không phải là trường hợp khi bạn echo biến JavaScript

Sử dụng tìm nạp để lấy dữ liệu PHP từ JavaScript

Khi bạn muốn tách mẫu PHP khỏi mã JavaScript của mình, thì bạn có thể sử dụng API tìm nạp JavaScript

API tìm nạp được sử dụng để gửi yêu cầu HTTP, tương tự như AJAX và XMLHTTPRequest. Điều này cho phép bạn truy xuất tài nguyên từ mọi nơi trên Internet

Tìm nạp có thể được sử dụng để truy xuất dữ liệu PHP bằng JavaScript. Giả sử bạn có một tệp PHP tên là

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

4 với nội dung như sau

php
/* put your process here:
 * query the database
 * get session, etc.
*/ 

$arr = [
    "name" => "Nathan",
    "age" => 27
];

// 👇 when done, echo the data
echo json_encode($arr);

Khi bạn đã có sẵn tệp PHP, hãy tạo một tệp index.php nơi bạn sẽ tìm nạp dữ liệu từ đó

Thêm thẻ

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

6 như hình bên dưới

<div id="result">div>
<script>
// 👇 URL to your data location
fetch("http://localhost:8080/data.php") 
    .then((res) => res.json())
    .then((data) => {
        const result = document.getElementById("result");
        result.textContent = JSON.stringify(data);
    });
script>

Hàm

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

7 sẽ gửi yêu cầu HTTP đến tệp

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

4

Sau đó, hàm

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

9 sẽ phân tích cú pháp phản hồi dưới dạng đối tượng JSON. Cuối cùng, đối tượng JSON trả về sẽ được gán làm nội dung của thẻ

<div id="data-name" style="display: none;">
    
        $name = "Nathan"; // this is where you get the data
        echo htmlspecialchars($name); // put as the div content
    ?>
div>

<div id="data-age" style="display: none;">
    
        $age = 29; // this is where you get the data
        echo htmlspecialchars($age); // put as the div content
    ?>
div>

<div id="data-array" style="display: none;">
    
        $array = [1, 2, 3]; // this is where you get the data
        echo htmlspecialchars($array); // put as the div content
    ?>
div>

0 ở trên

Đầu ra sẽ như sau

Truy xuất dữ liệu PHP bằng tìm nạp

Và đó là cách bạn chuyển các biến hoặc dữ liệu PHP sang JavaScript bằng cách sử dụng hàm

$array = [1, 2, 3]; 
?>

<script>
    const data =  echo json_encode($array); ?>;
script>

7

Không giống như hai phương thức còn lại, phương thức này tạo một yêu cầu HTTP, vì vậy nó sẽ có độ trễ trước khi dữ liệu được tìm nạp

Bạn nên sử dụng Fetch API khi dữ liệu PHP của bạn yêu cầu xử lý phức tạp trước khi chuyển nó sang JavaScript

Phần kết luận

Để chuyển các biến và dữ liệu PHP sang JavaScript, bạn cần làm cho dữ liệu có thể truy cập được vào JavaScript

Bạn có thể echo dữ liệu trực tiếp vào biến JavaScript hoặc bạn có thể giữ dữ liệu trong DOM trước khi truy xuất nó bằng đối tượng JavaScript

<div id="data-name" style="display: none;">
    
        $name = "Nathan"; // this is where you get the data
        echo htmlspecialchars($name); // put as the div content
    ?>
div>

<div id="data-age" style="display: none;">
    
        $age = 29; // this is where you get the data
        echo htmlspecialchars($age); // put as the div content
    ?>
div>

<div id="data-array" style="display: none;">
    
        $array = [1, 2, 3]; // this is where you get the data
        echo htmlspecialchars($array); // put as the div content
    ?>
div>

3

Đối với dữ liệu có quá trình xử lý phức tạp, bạn có thể tạo một tệp riêng để xử lý dữ liệu PHP của mình. Bất kỳ phần nào trong ứng dụng của bạn yêu cầu dữ liệu đều có thể gửi yêu cầu HTTP để tìm nạp dữ liệu