How to put php array into js array

During the front-end development process, it is often necessary to render the data returned by the back-end into the web page, and the back-end data is usually passed in the form of an array. In this case, we need to convert the array in PHP into a JS array. This article explains how to implement this feature.

1. Use the json_encode() function

The json_encode() function in PHP can convert a PHP array into a JSON string. JSON is a lightweight data exchange format with good readability and easy parsing, so we can use JSON strings to convert PHP arrays to JS arrays.

The following is an example. We first define an array in PHP and use the json_encode() function to convert it into a JSON string:

<?php
$data = array(&#39;apple&#39;, &#39;orange&#39;, &#39;banana&#39;);
$json_data = json_encode($data);
?>

Next, use < in the HTML file The ;script> tag references this JSON string:

<script>
var js_data = <?php echo $json_data ?>;
</script>

In this way, we can convert the PHP array into a JS array. It should be noted that this method is only suitable for PHP arrays that contain relatively simple values, such as strings, numbers, etc. If the array contains complex structures such as objects, you need to use a more complex method.

2. Use Ajax request

Ajax is a technology that can send asynchronous requests. It can be used to obtain data from the backend without refreshing the page. When using Ajax request, we need to convert the PHP array into JSON format and send the JSON data to the front end using Ajax request.

The following is an example. We first define an array in the PHP file, convert it into JSON format, and then send the JSON data to the front end through an Ajax request:

<?php
$data = array(&#39;apple&#39;, &#39;orange&#39;, &#39;banana&#39;);
$json_data = json_encode($data);

echo $json_data;
?>

Next, in Use Ajax requests in JS files to get JSON data from PHP files and convert them into JS arrays:

$.ajax({
    url: 'data.php',
    dataType: 'json',
    success: function(data) {
        var js_data = data;
    }
});

In this way, we can convert PHP arrays into JS arrays through Ajax requests.

3. Use hidden elements to transfer data

In some cases, we can use hidden elements to store data, and obtain and parse the data through JS when needed. This method is suitable for situations where the amount of data is relatively small.

The following is an example where we define an array in PHP, convert it to JSON format, and then store the JSON string in a hidden tag:

<?php
$data = array(&#39;apple&#39;, &#39;orange&#39;, &#39;banana&#39;);
$json_data = json_encode($data);
?>
">

Next, get this tag in the JS file and parse its value into a JS array:

var php_data = $('#php_data').val();
var js_data = JSON.parse(php_data);

In this way, we can store the PHP array in the hidden element, and then get the and Parse data and convert PHP array into JS array.

Summary

This article introduces three methods of converting PHP arrays into JS arrays, namely using the json_encode() function, using Ajax requests and using hidden elements to pass data. These methods have their application scenarios in front-end development, and developers need to choose the corresponding method according to the specific situation.

The above is the detailed content of How to put php array into js array. For more information, please follow other related articles on the PHP Chinese website!