js变量值传到php过程详解 将php解析成数据

在前端页面中，JavaScript 可以通过 AJAX 技术向后端 PHP 服务器发送请求，将 JavaScript 中的变量传输到 PHP 后端，同时 PHP 服务器进行处理，将处理后的结果返回给前端。

下面将详细讲解 JS 变量值传到 PHP 的过程，以及如何将 PHP 解析成数据。

将 JS 变量传输到 PHP 后端

1. AJAX 发送请求

使用 AJAX 发送请求，可以在不刷新页面的情况下向后端发送数据。示例代码：

var xhr = new XMLHttpRequest();
var url = "example.php";  // 后端处理 PHP 文件的 URL 地址
var data = {name: "john", age: 25}; // 前端要传输的数据
xhr.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    console.log(this.responseText); // 后端返回的数据
  }
};
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.send(JSON.stringify(data));

在上述代码中，我们定义了一个 XMLHttpRequest 对象，指定了后端 PHP 文件的地址，以及要传输的数据。使用 AJAX 发送请求，需要注意以下几个点：

• readyState 为 4，表示请求已完成，服务器返回的数据已经准备好。
• status 为 200，表示服务器响应成功。
• Content-type 设置为 “application/json”，表示数据传输的方式是 JSON 格式。

2. 后端接收传输数据

在 PHP 后端，我们需要接收前端传输过来的 JSON 数据，并处理后返回给前端。示例代码：

$data = json_decode(file_get_contents('php://input'), true);
if ($data) {
  $name = $data['name'];
  $age = $data['age'];
  // 后端对数据进行处理的代码
  $result = array("status"=>"success", "message"=>"处理成功");
  header('Content-Type: application/json');
  echo json_encode($result);
} else {
  $result = array("status"=>"fail", "message"=>"处理失败");
  header('Content-Type: application/json');
  echo json_encode($result);
}

在上述代码中，我们使用 file_get_contents('php://input') 获取前端传输过来的 JSON 数据，并使用 json_decode 解析成 PHP 数组。PHP 数组可以进行诸如增删改查等操作，然后将处理后的结果以 JSON 格式返回给前端。

将 PHP 解析成数据

在前端页面中，我们可以使用 jQuery 的 AJAX 来接收 PHP 返回的数据，并使用 JSON.parse() 方法解析成 JSON，然后访问其中的数据。示例代码：

$.ajax({
  type: "POST",
  url: "example.php",
  data: {name: "john", age: 25}, // 前端传输的数据
  dataType: "json",
  success: function (data) {
    var status = data.status;   // 解析后的 JSON 数据中的 status 属性
    var message = data.message; // 解析后的 JSON 数据中的 message 属性
    // 处理数据的代码
  }
});

在上述代码中，我们使用了 jQuery 的 AJAX，指定了请求方式、URL 地址、传输的数据、数据格式，以及成功处理后的回调函数。使用 jQuery 的 AJAX 接收后端返回的数据，需要使用 dataType 设置成 "json"，否则无法正确解析成 JSON 格式。

综上所述，JS 变量传到 PHP 的过程包括前端使用 AJAX 将数据传输到后端，后端对数据进行处理，最后将处理结果以 JSON 格式返回给前端。将 PHP 解析成数据则需要在前端页面中使用 AJAX，接收后端返回的 JSON 数据，并解析后访问其中的数据。