如何使用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