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

Question

我似乎无法弄清楚如何将以下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函数将其插入到选定的数据字段中。

我在这里提出了类似的问题，该问题帮助我确定了所需的一些逻辑，但我无法解决等式的这一部分。

如果可以的话，请让我知道一种简单的处理方法，将不胜感激，因为我什至不知道要搜索的关键字。

Answer 1

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

那就是将php放入js

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

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

//Your JS
</script>

将上面的PHP var放入js。

Answer 2

从上述答案继续：

那就是将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页面的基本过程。

Answer 3

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

<?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>

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

问题描述

3 个解决方案

解决方案1
0 2017-02-13 09:15:24

解决方案2
0 2017-02-13 09:24:47

解决方案3
0 2017-02-13 09:38:05

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

问题描述

3 个解决方案

解决方案1 0 2017-02-13 09:15:24

解决方案2 0 2017-02-13 09:24:47

解决方案3 0 2017-02-13 09:38:05

解决方案1
0 2017-02-13 09:15:24

解决方案2
0 2017-02-13 09:24:47

解决方案3
0 2017-02-13 09:38:05