如何使用 JSON 将 PHP 可变数据转换和传输到 HTML 页面的 Javascript答案

【问题标题】：How to convert and transmit PHP Variable data Using JSON to HTML page's Javascript如何使用 JSON 将 PHP 可变数据转换和传输到 HTML 页面的 Javascript
【发布时间】：2017-07-01 05:15:27
【问题描述】：

我似乎无法弄清楚如何将以下 PHP 变量转换为 HTML：

$persondata = "<div id='teach'><h3>Name: " . $row["fname"]. "<br>User Name: " . $row["username"]. "</h3><p>Password: " . $row["upass"]. "</p></div><br>";

我想将那个准确数据传递给我的 HTML 页面，这样我就可以使用 JavaScript 的 getElementById 函数将它插入到选定的数据字段中。

我问了一个类似的问题here，它帮助我计算出我需要的一些逻辑，但我无法计算出这部分等式。

如果您能告诉我一个简单的解决方法，将不胜感激，因为我什至不知道要搜索的关键字。

【问题讨论】：

All i want is to convert this php variable 变成什么？我的意思是你想使用 json 数据来使用 javascript 填充 HTML 页面吗？
使用 JSON 转换它并将其发送到我的 HTML 中的 javascript 变量。我不知道我必须使用什么转换方法将其传输到那里而不会丢失任何形式...
是的，但这正是因为我发现 innerHTML 接受这种形式并且翻译得很好......

标签： javascript php html mysql json

【解决方案1】：

希望以下代码对您有所帮助：

<?php
$persondata = '';
foreach($rows as $row){
 $persondata .= "<div class='teach'><h3>Name: " . $row["fname"]. "<br>User Name: " . $row["username"]. "</h3><p>Password: " . $row["upass"]. "</p></div><br>";
}

?>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
      $(document).ready(function () {
         $('#data-row').html("<?php echo $persondata ?>");
      });
    </script>
</head>
<div id="data-row"></div>

【讨论】：

遗憾的是这只能处理一行...我需要代码给我多行...（行数未定义）
可以使用foreach()函数追加多行
等等我把那个放在哪里？
我想你正在寻找 js 和 php 中的 AJAX

【解决方案2】：

一个 javaScriptVar 等于你的 php 变量在 php 中的回显。

就是把php放到js里面

<script type="text/javascript">
//Your JS

var jsvar = <?php echo $persondata; ?>

//Your JS
</script>

将上面的 PHP var 放入 js 中。

【讨论】：

uuuuuhhhhhh 我不明白... ... 3分钟后还是不明白...
var jsvar = 试试这个。或者使用json。

【解决方案3】：

继续上面的答案：

就是把php放到js里面

<script type="text/javascript">
//Your JS

var jsvar = <?php echo $persondata; ?>;

//Your JS
</script>

将上面的 PHP var 放入 js 中。

如果您想将数据从服务器中的 PHP 脚本传输到客户端 HTML 页面以便在 js 中使用。像下面这样去。

首先将 PHP 中的所有数据放在一个数组中，然后使用 json_encode()，然后使用 echo 那个变量。
现在在客户端 HTML 中使用 jQuery.ajax() 并向服务器中的 PHP 文件发送请求。
当您在 Json 中有响应时，使用 js 对其进行分段并附加随心所欲。

以上是使用JS将数据从PHP发送到HTML页面的基本过程。

【讨论】：

但是如何从php页面传输到HTML页面呢？
那么，您不是从 PHP 页面生成 HTML 吗？或者告诉我一些你的文件结构？
他们俩互不相干。它基本上是一个长距离的关系，HTML 页面与 PHP 页面是分开的。这就是为什么我说我需要将其转换为 JSON 以将其从 php 页面传输到 html 页面。