如何將PHP變量傳輸到另一個JavaScript文件？

Question

因此，我的目標是使用PHP從PostGreSQL數據庫獲取數據。 我想在一個單獨的 javascript文件中使用此數據，因此我可以通過配置網站的某種方式在屏幕上顯示該數據。 我在網上看到的所有教程都只是將腳本標記放在PHP文件中，但是我不能這樣做，因為我的網站顯示的javascript代碼位於單獨的文件中。 我只需要將數字保存在從PostGreSQL數據庫獲取其數據的PHP文件中的javascript文件中。 我怎樣才能做到這一點？

我只是需要幫助才能達到目的，因為我自己進行了研究，但這始終不是我想要的。

PHP：

<?php
$myPDO = new PDO('pgsql:host=myHost; dbname=myDBName', 'myUsername', 'myPassword');
?>

$result = $myPDO->query("SELECT * FROM table WHERE id = 'someID'");

現在，我想在另一個javascript文件中使用該行的值。 我怎樣才能做到這一點？

Answer 1

您可以為此使用Ajax。 您可以在JS文件中添加以下內容：

$.ajax({
    type: "GET",
    url: 'FILENAME.php',
    success: function(data){
        alert(data);
    }
});

然后在您的FILENAME.PHP中返回值。

然后，您的JS應該檢查返回的所有內容，在這種情況下，就是數據庫查詢。

Answer 2

您的JS文件需要通過AJAX請求從PHP控制器請求數據。 然后，您可以按照自己喜歡的任何方式操作返回的數據對象。

Answer 3

1. 使用javascript ajax調用php API

2. 在您的視圖文件中的php處傳遞您的數據，使用類似的方法：

var phpData = JSON.parse("<?php echo json_encode($data)); ?>");

Answer 4

我們主要有兩種方法來將php值傳遞給javascript變量

1. 加載第一頁時的簡單變量方法

<script>
  var js_variable = <?php echo $data_php_variable; ?> ;
  //this is working only at the first time of the page load
  //you can also parse the data to any format
</script>

2. 使用AJAX調用觸發PHP請求並操縱JS中的PHP返回值

$.ajax({
    type: "GET", //get or post method
    url: 'FILENAME.php',   //php request url
    data :{}, //optional ,you can send data with request

    success: function(res){ 
        // this 'res' variable is the php return data in the form of js data 
        console.log(res);
    }
});

ajax方法更具動態性，可以使用任何時間進行請求處理