Truyền giá trị từ PHP sang JavaScript

PHP là ngôn ngữ phía máy chủ lấy dữ liệu từ cơ sở dữ liệu và hiển thị ở phía máy khách. Javascript là ngôn ngữ phía máy khách thao tác HTML và dữ liệu nhận được từ máy chủ. Vì vậy, rõ ràng là bạn cần chuyển dữ liệu PHP vào các biến và hàm Javascript

Trong bài viết này, chúng tôi sẽ thảo luận về cách bạn có thể chuyển các biến PHP sang Javascript và sử dụng nó trong chức năng Javascript. Để làm điều đó, bạn chỉ cần sử dụng hàm



 

8 thành giá trị biến Javascript





    PHP variable to JavaScript


    

PHP variable to JavaScript

         

Nếu dữ liệu PHP là mảng hoặc đối tượng, trước tiên bạn cần chuyển đổi nó thành đối tượng Json bằng hàm



 

9. Sau đó, bạn có thể dễ dàng quản lý đối tượng Json trong Javascript

 'mango', 'yellow' => 'banana', 'red' => 'apple'];
    $json_fruits = json_encode($fruits);
?>



    PHP variable to JavaScript


    

PHP variable to JavaScript

         

Bằng cách này, bạn có thể chuyển dữ liệu từ phía máy chủ sang phía máy khách và quản lý

Đối với một cái gì đó có vẻ rất đơn giản, bạn sẽ nghĩ rằng thông tin ngoài kia sẽ tốt hơn một chút về chủ đề này. Chuyển một biến từ PHP sang JavaScript thực sự rất dễ dàng. Chỉ có một số điều bạn cần ghi nhớ và một số cách thực hiện để đảm bảo nó thực sự hoạt động

Tôi thấy rằng việc đưa đoạn mã sau vào phần



 

0 trên trang web của tôi là phương pháp hiệu quả nhất

PHP

1

2

3

4

$php_variable = 'string'; // . Tất nhiên bạn có thể lấy giá trị của biến này theo cách bạn cần.

?>

        

Đó là nó. Bạn chỉ cần xác định biến PHP trước, sau đó lặp lại nó thành câu lệnh khai báo biến JS cơ bản. Tôi biết có rất nhiều cách để xác định một biến JavaScript, nhưng đây là cách tôi thấy hiệu quả trong hầu hết các trường hợp. Tôi không phải là một chuyên gia ở đây, nhưng hầu hết những người khác dường như không làm việc nhiều thời gian

Một vài điều cần lưu ý cho việc này

1. Biến PHP cần được xác định trước biến JS.
2. Biến JS cần được xác định trước khi bạn thực sự sử dụng nó ở bất cứ đâu. Điều này có vẻ hiển nhiên, nhưng nếu bạn quên sự thật này và cố gắng đưa tuyên bố này vào cuối trang web của mình rồi sử dụng nó trong nội dung, bạn sẽ thấy nó không hoạt động. Đó là lý do tại sao tôi muốn đặt nó trong phần đầu trang web của mình. Hoặc, nếu bạn đang sử dụng WordPress hoặc CMS khác, hãy đảm bảo đặt nó ở tiêu đề. tệp php của chủ đề đang hoạt động của bạn.

Ngoài ra, bạn nên lưu ý rằng nếu biến của bạn không phải là một chuỗi và thay vào đó là một số, bạn sẽ muốn xác định nó mà không có dấu ngoặc kép xung quanh nó. e

PHP

1

Lưu ý rằng như Sherri đã đề cập trong các nhận xét, nếu bạn có các chuỗi phức tạp hơn hoặc bất kỳ chuỗi nào có dấu ngoặc kép (“) trong đó, điều này sẽ bị hỏng. Bạn sẽ muốn xem xét mã hóa json nếu cần. Nhưng đối với các chuỗi và biến đơn giản, điều này sẽ thực hiện thủ thuật

Khó có thể đi sai với bất kỳ điều này. Tất nhiên có nhiều cách phức tạp hơn để sử dụng cái này, nhưng tôi sẽ không đi sâu vào bất kỳ cách nào ở đây. Hãy cho tôi biết nếu bạn có bất kỳ vấn đề

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ụ

  • 
    
     
    
    
    1
  • 
    
     
    
    
    2

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

Truyền giá trị từ PHP sang JavaScript
Tải xuống & Ghi chú

Truyền giá trị từ PHP sang JavaScript
Truyền biến

Truyền giá trị từ PHP sang JavaScript
Bit bổ sung & liên kết

Truyền giá trị từ PHP sang JavaScript
Video hướng dẫn

Truyền giá trị từ PHP sang JavaScript
Kết thúc

 

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

Nếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với cả thế giới… Nếu bạn cần câu trả lời gấp, vui lòng xem danh sách các trang web của tôi để được trợ giúp về lập trình

 

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

Nhấp vào đây để tải xuống tất cả mã ví dụ trong một 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



 

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



 

Thật khó khăn khi phải làm



 

1 mỗi lần, vì vậy đây là một tiện ích nhanh chóng trong PHP, thẻ echo ngắn


 

2. Đúng, điều này tương đương với việc làm


 

3

 

 

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

2 đầu vào. php

________số 8

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 HTML



 

4 và sử dụng Javascript để lấy trường biểu mẫu. Một cách đường vòng, nhưng điều này có ý nghĩa nếu bạn đang làm việc với các biểu mẫu

 

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

3-json. php

 'mango', 'yellow' => 'banana', 'red' => 'apple'];
    $json_fruits = json_encode($fruits);
?>



    PHP variable to JavaScript


    

PHP variable to JavaScript

         
0

Đá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
    
    
     
    
    
    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
    
    
     
    
    
    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 –
    • 
      
       
      
      
      5 biến một mảng thành một chuỗi
    • 
      
       
      
      
      8 biến chuỗi JSON trở lại một mảng
  • Javascript –
    • 
      
       
      
      
      9 biến một mảng thành một chuỗi
    • 
      
       
      
      
      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

 'mango', 'yellow' => 'banana', 'red' => 'apple'];
    $json_fruits = json_encode($fruits);
?>



    PHP variable to JavaScript


    

PHP variable to JavaScript

         
7

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 –
    
    
     
    
    
    1
  • Sau đó trả về kết quả dưới dạng văn bản
    
    
     
    
    
    2
  • Cuối cùng, làm bất cứ điều gì bạn cần với dữ liệu
    
    
     
    
    
    3

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



 

4 (mở trực tiếp tệp HTML trong trình duyệt). Thay vào đó, hãy sử dụng một máy chủ web phù hợp với


 

5

 

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

4b-ajax. php



 

3

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 –



 

6

 

 

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

5A) HTML & JAVASCRIPT

5a-ajax-json. html



 

5

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

Làm cách nào tôi có thể chuyển biến PHP sang JavaScript?

Chúng ta có thể truyền dữ liệu từ PHP sang JavaScript theo hai cách tùy theo tình huống. Đầu tiên, chúng ta có thể truyền dữ liệu bằng cách sử dụng toán tử gán đơn giản nếu chúng ta muốn thực hiện thao tác trên cùng một trang. Khác chúng ta có thể chuyển dữ liệu từ PHP sang JavaScript bằng Cookies. Cookie hoạt động ở phía máy khách.

Bạn có thể sử dụng biến PHP trong JavaScript không?

Để cho phép PHP thiết lập các biến JavaScript, bạn chỉ cần đưa các lệnh echo PHP vào tập lệnh trong tệp PHP . Các lệnh này sau đó được đánh giá ở phía máy chủ và tạo mã JavaScript được thực thi cục bộ tại trình duyệt.