PHP:js中怎么使用PHP变量,php变量为数组时的处理

方法一:使用内嵌 PHP 脚本标记

1、简单的拼接

使用内嵌的 PHP 脚本标记 <?php ?> 将 PHP 变量 $phpVariable 的值嵌入到 JavaScript 代码中。

javascript 复制代码
<?php
$phpVariable = "Hello, World!";
?>

<script>
// 将 PHP 变量的值传递给 JavaScript 变量
var jsVariable = '<?php echo $phpVariable; ?>';

// 在 JavaScript 中使用 jsVariable
console.log(jsVariable); // 输出:Hello, World!
</script>

补充:php变量为数组时的处理

php 复制代码
<?php
$phpVariable = ['这是数组第一项', '这是数组第二项'];
?>

<script>
	// 将 PHP 变量的值传递给 JavaScript 变量
	var jsVariable = '<?php echo $phpVariable[0]; ?>';
	// 在 JavaScript 中使用 jsVariable
	alert(jsVariable); // 输出:这是数组第一项
</script>

上面的方法可以将单独的项做出输出,但是如果进行更换就无法正确输出,如下

php 复制代码
<?php
$phpVariable = ['这是数组第一项', '这是数组第二项'];
?>

<script>
	// 将 PHP 变量的值传递给 JavaScript 变量
	var jsVariable = '<?php echo $phpVariable; ?>';
	// 在 JavaScript 中使用 jsVariable
	alert(jsVariable[0]); // 输出:A
</script>

输出的结果就是Array的第一个值了

解决办法

通过json_encode()将 PHP 数组或对象转换为 JSON 字符串的表示形式

通过JSON.parse()将符合 JSON 格式的字符串转换为 JavaScript 对象或数组。

php 复制代码
<?php
$phpVariable = ['这是数组第一项', '这是数组第二项'];
?>

<script>
	// 将 PHP 变量的值传递给 JavaScript 变量
	var jsVariable = JSON.parse('<?php echo json_encode($phpVariable); ?>');
	// 在 JavaScript 中使用 jsVariable
	alert(jsVariable[0]); // 输出:这是数组第一项
</script>

2、给定一个隐藏文本框存值

一个<?php?>中通过文本框存入变量

php 复制代码
<?php
if (isset($_SESSION['UserID'])) {
	$sql = "
			select  depart_code
			from www_users
			where userid = '" . $_SESSION['UserID'] . "'
		";
	$result = DB_query($sql, $db);
	if ($row = DB_fetch_array($result)) {
		$departCode = $row['depart_code'];
		echo "<input type='hidden' id='departCode' value='" . $departCode . "'>";
		// echo "<script>alert('" . $departCode . "')</script>";
	} else {
		prnMsg(_('找不到相应数据!'), 'error');
	}
}
?>

在js中获取php的变量

javascript 复制代码
var departCode = document.getElementById('departCode').value;
alert(departCode);

方法二:使用 AJAX 请求

如果你需要从后端动态获取 PHP 变量的值,可以使用 AJAX 请求。

1、页面A

使用 jQuery 的 $.ajax() 方法向后端 PHP 文件发起 GET 请求,并根据返回的数据设置 JavaScript 变量 jsVariable

html 复制代码
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
$(document).ready(function() {
    $.ajax({
        url: 'get_php_variable.php', // 后端 PHP 文件的路径
        method: 'GET',
        success: function(response) {
            var jsVariable = response; // 根据后端返回的数据设置 JavaScript 变量
            console.log(jsVariable); // 输出从 PHP 获取的变量值
        },
        error: function() {
            console.log('请求失败');
        }
    });
});
</script>

2、页面B

在后端 PHP 文件 get_php_variable.php 中,你可以根据需要获取 PHP 变量的值并将其返回给 AJAX 请求。例如:

php 复制代码
<?php
$phpVariable = "Hello, World!";
$response = array('phpVariable' => $phpVariable); // 构造响应数据数组
echo $phpVariable;
?>
相关推荐
小毛驴85021 分钟前
Vue 传统全局引入方式,ES 模块化方式引入 对比
前端·javascript·vue.js
轻语呢喃36 分钟前
JavaScript数据检索:从顺序到哈希的效率跃迁
javascript·后端
萱萱的七彩鱼38 分钟前
css3之三维变换详说
前端·javascript·css3
liweisum1 小时前
AI驱动 WEB UI自动化---前端技术分享
前端·javascript·typescript
Sammyyyyy1 小时前
Node.js 是怎么一步步撼动PHP地位的
开发语言·node.js·php
前端拿破轮1 小时前
腾讯面试官:手写一个节流防抖看看
前端·javascript·面试
狗头大军之江苏分军1 小时前
存钱 vs 投资 vs 提升自己:哪个才是打工人的“出路
前端·javascript·后端
魑魅魍魉都是鬼2 小时前
白玩 一 记录retrofit+okhttp+flow 及 kts的全局配置
okhttp·retrofit
天天向上10242 小时前
vue让elementUI和elementPlus标签内属性支持rem单位
javascript·vue.js·elementui
小宁爱Python2 小时前
Vue入门:vue项目的创建和基本概念
前端·javascript·vue.js