JavaScript 获取 php的传递值
时间: 2023-09-03 16:07:39 浏览: 43
要在 JavaScript 中获取 PHP 传递的值,可以使用 AJAX 技术或者在 PHP 页面中直接输出 JavaScript 代码。以下是两种方法的示例:
1. 使用 AJAX 技术
在 PHP 页面中使用 PHP 脚本将需要传递的值输出到 JSON 格式的数据中,然后在 JavaScript 中使用 AJAX 技术获取到这些数据。具体示例如下:
在 PHP 页面中:
```php
<?php
// PHP 代码
$data = array('name' => '张三', 'age' => 18);
echo json_encode($data);
// PHP 代码
?>
```
在 JavaScript 中:
```javascript
// 创建 AJAX 对象
var xhr = new XMLHttpRequest();
// 设置请求方式和请求地址
xhr.open('GET', 'test.php', true);
// 设置响应数据类型
xhr.responseType = 'json';
// 发送 AJAX 请求
xhr.send();
// 监听 AJAX 请求状态的变化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 获取响应数据
var response = xhr.response;
// 处理响应数据
console.log(response.name); // 输出 '张三'
console.log(response.age); // 输出 18
}
}
```
2. 在 PHP 页面中直接输出 JavaScript 代码
在 PHP 页面中使用 PHP 脚本将需要传递的值输出到 JavaScript 代码中,然后在 HTML 页面中引入该 JavaScript 文件。具体示例如下:
在 PHP 页面中:
```php
<?php
// PHP 代码
$name = '张三';
$age = 18;
echo "<script>var name = '$name'; var age = $age;</script>";
// PHP 代码
?>
```
在 HTML 页面中:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>示例</title>
</head>
<body>
<script src="test.php"></script>
<script>
// 处理 PHP 传递的数据
console.log(name); // 输出 '张三'
console.log(age); // 输出 18
</script>
</body>
</html>
```
以上是两种常用的方法,可以根据实际场景选择适合自己的方法。