PHP从MySQL安全传给JS变量的妙招

本文介绍一种安全高效地将PHP从MySQL数据库提取的数据传递给JavaScript变量的方法。为了避免直接嵌入PHP代码带来的安全风险和语法错误，文章推荐使用JSON格式进行数据交换。PHP使用`json_encode()`函数将数据转换为JSON字符串，JavaScript则用`JSON.parse()`函数解析。文章提供PHP和JavaScript代码示例，演示如何从MySQL数据库获取价格数据，转换为JSON数组，并通过AJAX请求在JavaScript中进行解析和计算，有效提升代码安全性及可维护性。 关键词：PHP, MySQL, JavaScript, JSON, 数据安全, AJAX, 前端开发

安全高效地将PHP数据传递给JavaScript

在Web开发中，经常需要将从MySQL数据库中提取的数据传递给JavaScript进行前端处理。本文将演示一种安全可靠的方法，避免直接嵌入PHP代码到JavaScript中可能造成的语法错误和安全漏洞。

场景描述

假设我们需要从MySQL数据库获取价格乘数，用于计算总成本。我们将使用PHP获取数据，然后安全地传递给JavaScript变量进行计算。

解决方案：JSON数据交换

最佳实践是使用JSON (JavaScript Object Notation) 格式进行数据交换。PHP使用json_encode()函数将数据转换为JSON字符串，JavaScript则使用JSON.parse()函数解析JSON数据。

代码示例

PHP代码 (例如，data.php):

<?php
// 数据库连接信息 (请替换为您的实际信息)
$conn = new mysqli("xx", "xxxx", "xxx", "xxxx");

if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 查询价格数据
$sql = "SELECT price FROM services WHERE serviceid IN (1, 2, x)"; //x代表serviceid
$result = $conn->query($sql);

$prices = [];
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $prices[] = $row['price'];
    }
} else {
    $prices = [0, 0, 0]; // 处理查询结果为空的情况
}

$conn->close();

// 将PHP数组转换为JSON字符串
$jsonData = json_encode($prices);

// 输出JSON数据
echo $jsonData;
?>

JavaScript代码:

// 使用AJAX获取PHP返回的JSON数据
fetch('data.php')
  .then(response => response.json())
  .then(data => {
    // 解析JSON数据
    const [exp_price, pri_price, reg_price] = data;

    function displaytotcost() {
      const teachingquant = document.getElementById("txtteachingitemsquant").value;
      const drinkquant = document.getElementById("txtdrinksquant").value;
      const dailyusequant = document.getElementById("txtdaliyusagequant").value;

      const totalCost = (teachingquant * exp_price + drinkquant * pri_price + dailyusequant * reg_price) * 1.2;
      document.getElementById('a').value = "£" + totalCost.toFixed(2);
    }

    // ... 使用data[0], data[1], data[2] 进行计算 ...
    displaytotcost(); // 调用计算函数
  })
  .catch(error => console.error('Error:', error));

这个例子中，PHP从数据库获取三个价格，转换为JSON数组 [exp_price, pri_price, reg_price] 并输出。JavaScript使用fetch API获取数据，并使用JSON.parse()解析JSON字符串，然后进行计算。 这避免了直接将PHP数据嵌入JavaScript代码中的风险，提高了代码的安全性和可维护性。 记得替换PHP代码中的数据库连接信息为您的实际信息。 并且，请务必对用户输入进行验证，以防止SQL注入等安全漏洞。

本篇关于《PHP从MySQL安全传给JS变量的妙招》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！