Làm cách nào để chuyển biến PHP sang hàm JavaScript làm tham số?

Some have noticed that reference parameters can not be assigned a default value. It's actually wrong, they can be assigned a value as the other variables, but can't have a "default reference value", for instance this code won't compile :

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>

But this one will work :

function use_reference( $someParam, &$param = null )
?>

So here is a workaround to have a default value for reference parameters :

$array1 = array ( 'test', 'test2' );

function AddTo( $key, $val, &$array = null)
{
    if ( $array == null )
    {
      $array =& $_POST;
    }

    $array[ $key ] = $val ;
}

AddTo( "indirect test", "test", $array1 );
AddTo( "indirect POST test", "test" );

echo "Array 1 " ;
print_r ( $array1);

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>0

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>1

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>2

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>3

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>4

function use_reference( $someParam, &$param =& $POST )
{
...
}
?>5

Nếu một hàm được gọi với các đối số bị thiếu (ít hơn so với khai báo), các giá trị bị thiếu được đặt thành undefined

Đôi khi điều này có thể chấp nhận được, nhưng đôi khi tốt hơn là gán giá trị mặc định cho tham số

Giá trị tham số mặc định

ES6 cho phép các tham số chức năng có giá trị mặc định

Thí dụ

Nếu y không được thông qua hoặc không xác định, thì y = 10

hàm myFunction(x, y = 10) {
trả lại x + y;
}
chức năng của tôi (5);

Thông số phần còn lại chức năng

Tham số còn lại (. ) cho phép một hàm coi số lượng đối số không xác định là một mảng

Thí dụ

tổng hàm (. lập luận) {
để tổng = 0;
for (let arg of args) sum += arg;
trả lại tổng;
}

đặt x = tổng(4, 9, 16, 25, 29, 100, 66, 77);

Đối tượng đối số

Các hàm JavaScript có một đối tượng tích hợp được gọi là đối tượng đối số

Đối tượng đối số chứa một mảng các đối số được sử dụng khi hàm được gọi (gọi)

Bằng cách này, bạn có thể chỉ cần sử dụng một hàm để tìm (ví dụ) giá trị cao nhất trong danh sách các số

Thí dụ

x = findMax(1, 123, 500, 115, 44, 88);

hàm findMax() {
đặt max = -Infinity;
for (hãy i = 0; i < đối số. chiều dài;
if (arguments[i] > max) {
max = đối số [i];
}
}
trả lại tối đa;
}

Hoặc tạo một hàm để tính tổng tất cả các giá trị đầu vào

Thí dụ

x = sumAll(1, 123, 500, 115, 44, 88);

hàm sumAll() {
để tổng = 0;
for (hãy i = 0; i < đối số. chiều dài;
tổng += đối số[i];
}
trả lại tổng;
}

Nếu một hàm được gọi với quá nhiều đối số (nhiều hơn so với khai báo), những đối số này có thể được truy cập bằng cách sử dụng đối tượng đối số

Các đối số được truyền theo giá trị

Tham số, trong lời gọi hàm, là đối số của hàm

Các đối số JavaScript được truyền theo giá trị. Hàm chỉ biết các giá trị, không biết vị trí của đối số

Chào mừng bạn đến với hướng dẫn về cách chuyển các biến và mảng PHP sang Javascript. PHP là phía máy chủ và JavaScript là phía máy khách, vậy làm cách nào để kết hợp chúng lại với nhau?

Một cách nhanh chóng và dễ dàng để chuyển một biến từ PHP sang Javascript là sử dụng thẻ echo ngắn. Ví dụ

• <?php $phpvar = "FOO"; ?>
• var jsvar = "<?=$phpvar?>";

Nhưng có nhiều cách hơn để làm như vậy, tùy thuộc vào tình huống. Chúng tôi sẽ xem qua các ví dụ khác nhau trong hướng dẫn này – Đọc tiếp để tìm hiểu

ⓘ Tôi đã bao gồm một tệp zip chứa tất cả mã ví dụ khi bắt đầu hướng dẫn này, vì vậy bạn không cần phải sao chép-dán mọi thứ… Hoặc nếu bạn chỉ muốn đi sâu vào

TLDR – TRANG TRÌNH BÀY NHANH

Tải xuống & Ghi chú

TẢI XUỐNG & LƯU Ý

Đầu tiên, đây là liên kết tải xuống mã ví dụ như đã hứa

GHI CHÚ NHANH

MÃ VÍ DỤ TẢI XUỐNG

Nhấp vào đây để tải xuống tất cả mã ví dụ trong tệp zip – Tôi đã phát hành mã này theo Giấy phép MIT, vì vậy vui lòng xây dựng trên mã đó nếu bạn muốn

CHUYỂN CÁC BIẾN PHP SANG JAVASCRIPT

Được rồi, bây giờ chúng ta hãy đi sâu vào các cách khác nhau để chuyển các biến PHP sang Javascript

VÍ DỤ 1) SỬ DỤNG PHP ĐỂ ECHO JAVASCRIPT

1A) MÃ JAVASCRIPT ECHO

1-echo-js. php

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) USE PHP TO ECHO JAVASCRIPT CODE -->
<script>
<?php echo "var jsvar = '$phpvar';"; ?>
console.log(jsvar);
</script>

Chà, điều này có thể gây ngạc nhiên cho một số người mới bắt đầu, nhưng hãy nhớ rằng Javascript là một ngôn ngữ thông dịch?

1B) PHP THẺ ECHO NGẮN ĐẾN “CHÈN GIÁ TRỊ“

1b-ngắn-tiếng vang. php

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
<script>
var jsvar = "<?=$phpvar?>";
console.log(jsvar);
</script>

Thực sự rất khó để thực hiện

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
<script>
var jsvar = "<?=$phpvar?>";
console.log(jsvar);
</script>

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
<script>
var jsvar = "<?=$phpvar?>";
console.log(jsvar);
</script>

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
<script>
var jsvar = "<?=$phpvar?>";
console.log(jsvar);
</script>

VÍ DỤ 2) CHÈN BIẾN PHP VÀO DẠNG HTML

2 đầu vào. php

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) INSERT INTO HTML FORM -->
<form onsubmit="return demo()">
  <input type="text" id="myTxt" value="<?=$phpvar?>">
  <input type="submit" value="Go">
</form>
 
<!-- (C) JS GET FIELD VALUE -->
<script>
function demo () {
  // (C1) GET FIELD VALUE
  var jsvar = document.getElementById("myTxt").value;
  console.log(jsvar);
 
  // (C2) PREVENT FORM SUBMIT
  return false;
}
</script>

Chúng tôi vẫn đang sử dụng thẻ echo ngắn PHP ở đây, nhưng “chèn” giá trị vào trường

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
<script>
var jsvar = "<?=$phpvar?>";
console.log(jsvar);
</script>

VÍ DỤ 3) SỬ DỤNG JSON ĐỂ QUA Mảng

3-json. php

Đáng buồn thay, chúng ta không thể truyền một mảng (hoặc đối tượng) vì nó là. Trong trường hợp này, chúng ta có thể

1. Sử dụng

   <!-- (A) PHP VARIABLE -->
   <?php $phpvar = "Foo"; ?>
    
   <!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
   <script>
   var jsvar = "<?=$phpvar?>";
   console.log(jsvar);
   </script>

   5 trong PHP để biến mảng thành chuỗi được mã hóa JSON
2. Thẻ echo ngắn PHP cũ tốt để xuất chuỗi, nhưng được kết hợp với Javascript

   <!-- (A) PHP VARIABLE -->
   <?php $phpvar = "Foo"; ?>
    
   <!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
   <script>
   var jsvar = "<?=$phpvar?>";
   console.log(jsvar);
   </script>

   6 để biến chuỗi được mã hóa JSON trở lại thành một mảng

Ghi chú bổ sung nhanh và tóm tắt

• JSON là viết tắt của “Ký hiệu đối tượng tiêu chuẩn Javascript”. Một cách để biểu diễn mảng và đối tượng dưới dạng chuỗi
• PHP –

  • <!-- (A) PHP VARIABLE -->
    <?php $phpvar = "Foo"; ?>
     
    <!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
    <script>
    var jsvar = "<?=$phpvar?>";
    console.log(jsvar);
    </script>

    5 biến một mảng thành một chuỗi

  • <!-- (A) PHP VARIABLE -->
    <?php $phpvar = "Foo"; ?>
     
    <!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
    <script>
    var jsvar = "<?=$phpvar?>";
    console.log(jsvar);
    </script>

    8 biến chuỗi JSON trở lại một mảng
• Javascript –

  • <!-- (A) PHP VARIABLE -->
    <?php $phpvar = "Foo"; ?>
     
    <!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
    <script>
    var jsvar = "<?=$phpvar?>";
    console.log(jsvar);
    </script>

    9 biến một mảng thành một chuỗi

  • <!-- (A) PHP VARIABLE -->
    <?php $phpvar = "Foo"; ?>
     
    <!-- (B) PHP SHORT ECHO TAG TO ECHO VARIABLE -->
    <script>
    var jsvar = "<?=$phpvar?>";
    console.log(jsvar);
    </script>

    6 biến chuỗi trở lại một mảng

VÍ DỤ 4) AJAX ĐỂ TÌM GIÁ TRỊ

4A) HTML & JAVASCRIPT

4a-ajax. html

<!-- (A) AJAX FETCH DATA FROM SERVER -->
<script>
function doAJAX () {
  fetch("4b-ajax.php")
  .then(res => res.text())
  .then(data => console.log(data));
}
</script>
 
<!-- (B) GO! -->
<input type="button" value="AJAX Fetch" onclick="doAJAX()">

Nếu bạn chưa nghe thì AJAX là viết tắt của “Javascript và XML không đồng bộ”. Nói một cách đơn giản, gửi hoặc lấy dữ liệu từ máy chủ mà không cần tải lại toàn bộ trang. AJAX rất dễ thực hiện và có lẽ nó được coi là “cách thích hợp nhất để truyền biến”

• Lấy dữ liệu từ tập lệnh PHP –

  <!-- (A) PHP VARIABLE -->
  <?php $phpvar = "Foo"; ?>
   
  <!-- (B) INSERT INTO HTML FORM -->
  <form onsubmit="return demo()">
    <input type="text" id="myTxt" value="<?=$phpvar?>">
    <input type="submit" value="Go">
  </form>
   
  <!-- (C) JS GET FIELD VALUE -->
  <script>
  function demo () {
    // (C1) GET FIELD VALUE
    var jsvar = document.getElementById("myTxt").value;
    console.log(jsvar);
   
    // (C2) PREVENT FORM SUBMIT
    return false;
  }
  </script>

  1
• Sau đó trả về kết quả dưới dạng văn bản

  <!-- (A) PHP VARIABLE -->
  <?php $phpvar = "Foo"; ?>
   
  <!-- (B) INSERT INTO HTML FORM -->
  <form onsubmit="return demo()">
    <input type="text" id="myTxt" value="<?=$phpvar?>">
    <input type="submit" value="Go">
  </form>
   
  <!-- (C) JS GET FIELD VALUE -->
  <script>
  function demo () {
    // (C1) GET FIELD VALUE
    var jsvar = document.getElementById("myTxt").value;
    console.log(jsvar);
   
    // (C2) PREVENT FORM SUBMIT
    return false;
  }
  </script>

  2
• Cuối cùng, hãy làm bất cứ điều gì bạn cần với dữ liệu

  <!-- (A) PHP VARIABLE -->
  <?php $phpvar = "Foo"; ?>
   
  <!-- (B) INSERT INTO HTML FORM -->
  <form onsubmit="return demo()">
    <input type="text" id="myTxt" value="<?=$phpvar?>">
    <input type="submit" value="Go">
  </form>
   
  <!-- (C) JS GET FIELD VALUE -->
  <script>
  function demo () {
    // (C1) GET FIELD VALUE
    var jsvar = document.getElementById("myTxt").value;
    console.log(jsvar);
   
    // (C2) PREVENT FORM SUBMIT
    return false;
  }
  </script>

  3

P. S. Lưu ý thêm rằng AJAX sẽ không hoạt động với

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) INSERT INTO HTML FORM -->
<form onsubmit="return demo()">
  <input type="text" id="myTxt" value="<?=$phpvar?>">
  <input type="submit" value="Go">
</form>
 
<!-- (C) JS GET FIELD VALUE -->
<script>
function demo () {
  // (C1) GET FIELD VALUE
  var jsvar = document.getElementById("myTxt").value;
  console.log(jsvar);
 
  // (C2) PREVENT FORM SUBMIT
  return false;
}
</script>

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) INSERT INTO HTML FORM -->
<form onsubmit="return demo()">
  <input type="text" id="myTxt" value="<?=$phpvar?>">
  <input type="submit" value="Go">
</form>
 
<!-- (C) JS GET FIELD VALUE -->
<script>
function demo () {
  // (C1) GET FIELD VALUE
  var jsvar = document.getElementById("myTxt").value;
  console.log(jsvar);
 
  // (C2) PREVENT FORM SUBMIT
  return false;
}
</script>

4B) PHP PHÍA MÁY CHỦ

4b-ajax. php

<?php
$phpvar = "Foo";
echo $phpvar;

Về phía máy chủ, chỉ cần thực hiện bất kỳ thao tác xử lý PHP nào và xuất nó, điều này sẽ được chọn trong lệnh gọi AJAX –

<!-- (A) PHP VARIABLE -->
<?php $phpvar = "Foo"; ?>
 
<!-- (B) INSERT INTO HTML FORM -->
<form onsubmit="return demo()">
  <input type="text" id="myTxt" value="<?=$phpvar?>">
  <input type="submit" value="Go">
</form>
 
<!-- (C) JS GET FIELD VALUE -->
<script>
function demo () {
  // (C1) GET FIELD VALUE
  var jsvar = document.getElementById("myTxt").value;
  console.log(jsvar);
 
  // (C2) PREVENT FORM SUBMIT
  return false;
}
</script>

VÍ DỤ 5) JSON & AJAX ĐỂ QUA Mảng

5A) HTML & JAVASCRIPT

5a-ajax-json. html

<!-- (A) AJAX FETCH DATA FROM SERVER -->
<script>
function doAJAX () {
  fetch("5b-ajax.php")
  .then(res => res.json())
  .then(data => console.log(data));
}
</script>
 
<!-- (B) GO! -->
<input type="button" value="AJAX Fetch" onclick="doAJAX()">

Vẫn còn nhớ "AJAX tìm nạp" từ trước đó?

Tôi có thể chuyển một biến PHP sang hàm JavaScript không?

Làm cách nào để chuyển giá trị biến từ PHP sang JavaScript?

Làm cách nào để khai báo biến PHP trong JavaScript?

Làm cách nào để hiển thị biến PHP trong JavaScript?