Home Backend Development PHP Tutorial How to pass array to js script using php

How to pass array to js script using php

Nov 14, 2017 am 10:58 AM
javascript php Script

As PHP programmers, we all know that there is an inseparable relationship between PHP and JavaScript, so now we will introduce to you the method of passing PHP arrays or objects to JavaScript. Using the json extension in php, you can pass an array or object to a javascript script, obtain a json-formatted string of the array or object, and write the json-formatted string into the javascript code.

1. How to pass arrays from php to js:

Code example:

1

2

3

4

5

<script type="text/javascript">

  var slist = &#39;<?php echo urlencode(json_encode($data[&#39;arr&#39;]));?>&#39;;

  var list = eval(decodeURIComponent(slist));

  drawGpsMap(list);

</script>

Copy after login

2. Pass php arrays or objects to js interactively pass values ​​json_encode

Pass PHP arrays or objects to JavaScript. It is more troublesome to convert the array into a string of JavaScript code for operation.

php 5.2 is bound with the json extension, which makes it easier to pass arrays or objects to javascript.
Json is a string format. Strings that conform to the json format can be directly assigned to JavaScript as an array or object.

1. Obtain the json format string of the array or object.
Code example:

1

2

3

//假设要传递的是一个数组

$hello = array(&#39;1&#39;,&#39;2&#39;,&#39;3&#39;);

$helloJson = json_encode($hello);

Copy after login

2. Write the json format string into the javascript code.

Code example:

1

2

3

4

5

6

7

8

9

echo <<<eot

<script language="JavaScript" type="text/JavaScript">

//在javascript中新建一个对象json_js,输出的代码为var json_js = ["1","2","3"];

var json_js = $helloJson;

//看看效果

//弹出窗口显示1

alert(json_js[0]);

</script>

eot;

Copy after login

If you want to pass an object, the method is the same.

The above is the method of passing php array or object to javascript. I hope it can help everyone.

Related recommendations:

Definition of php array

The most complete introduction to PHP array

Several ways to define PHP arrays


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

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 brings several new features, security improvements, and performance improvements with healthy amounts of feature deprecations and removals. This guide explains how to install PHP 8.4 or upgrade to PHP 8.4 on Ubuntu, Debian, or their derivati

CakePHP Date and Time CakePHP Date and Time Sep 10, 2024 pm 05:27 PM

To work with date and time in cakephp4, we are going to make use of the available FrozenTime class.

CakePHP File upload CakePHP File upload Sep 10, 2024 pm 05:27 PM

To work on file upload we are going to use the form helper. Here, is an example for file upload.

Discuss CakePHP Discuss CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP is an open-source framework for PHP. It is intended to make developing, deploying and maintaining applications much easier. CakePHP is based on a MVC-like architecture that is both powerful and easy to grasp. Models, Views, and Controllers gu

CakePHP Creating Validators CakePHP Creating Validators Sep 10, 2024 pm 05:26 PM

Validator can be created by adding the following two lines in the controller.

CakePHP Logging CakePHP Logging Sep 10, 2024 pm 05:26 PM

Logging in CakePHP is a very easy task. You just have to use one function. You can log errors, exceptions, user activities, action taken by users, for any background process like cronjob. Logging data in CakePHP is easy. The log() function is provide

How To Set Up Visual Studio Code (VS Code) for PHP Development How To Set Up Visual Studio Code (VS Code) for PHP Development Dec 20, 2024 am 11:31 AM

Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems. With a large collection of extensions for many programming languages, VS Code can be c

CakePHP Services CakePHP Services Sep 10, 2024 pm 05:26 PM

This chapter deals with the information about the authentication process available in CakePHP.

See all articles