javascript - 使用 javascript 访问 php 变量

Question

我已经创建了一个网页，在 ubuntu 服务器上设置了 appache2，这样我就可以通过互联网查看此页面。我已经安装了 php5 和 MySQL，并且想要访问我创建的网页上的数据库中的信息。

现在，我有一个文件 test.php，它可以访问数据库并将一些信息放入变量中。我使用 javascript 编写了一些脚本，单击按钮即可更改网页内容。

现在，只要按下按钮，网页就会崩溃，因为它说变量未定义或空引用。很公平，但我的问题是如何通过网页访问 .php 文件上的变量？如果我将 .php 文件中的信息编写到页面中，浏览器可以使用它吗？

我被告知 php 文件会被自动解析。我猜测服务器端正在访问此页面，但我可以通过网络浏览器使用它。

编辑:

//check connection
if (mysqli_connect_errno()){
   echo "failed to connect to MySQL: " . mysqli_connect_error();
   }
$grab = mysqli_query($con, "SELECT * FROM table");
$row = mysqli_fetch_array($grab);
$name = $row["name"];
$color = $row["color"];
$price = $row["price"];
$n1 = $name[0];
$c1 = $color[0];
$p1 = $price[0];

?>

好的，我将 php 文件更改为这个，所以现在它所做的就是定义变量。我安装了几个 MySQL mod，现在没有问题了。

下一个问题是如何在 javascript 中使用 php 变量

function load(){
   var xmlhttp = new XMLHttpRequest();
   xmlhttp.open("GET", "test.php", true);
   xmlhttp.send();
   xmlhttp.onreadystatecahnge = function(){
      if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
         document.getElementById("itemNameLink1").innerHTML = "<?php echo $n1;?>;
         }
      }
   }

所以 onload 这个 ajax 函数应该运行并将 itemNameLink1 更改为 php 变量 $n1，但它没有运行，我只是得到一个空字符串。一切都应该设置正确，但使用 php 变量似乎是不可能的。使用 jquery get 命令会更容易吗？我猜除非我解决这个问题，否则我会很困难。

我还假设了一些事情，我检查了错误日志，并且 php 文件处于事件状态，假设我已正确连接，它应该访问数据库。我很新，所以我不知道如何测试它。

我还假设当 php 文件位于服务器网页文件目录中时。它会自动工作。再次对设置服务器非常陌生，因此使用 ubuntu 服务器并熟悉我需要使用的所有命令或 apache2 的操作方式对我来说很困难。

Answer 1

PHP 在服务器上执行，您的客户端以纯文本/html 文档形式接收结果。您的浏览器在收到纯文档时会运行 javascript，因此您无法直接使用 javascript 访问 PHP 变量。但是您可以在服务器上生成页面时设置 JavaScript 变量，如下所示

<?php $myPhpVar = 'Hello World'; ?>
<script>
  //This line would result in  var test = "Hello World";  when send to client
  var test = "<?=$myPhpVar?>"; 
  alert(test);
</script>

此外，您可以使用 javascript 向服务器执行请求(因此您可以从 test2.php 读取结果作为示例，并在页面上的某个位置使用它)。 http://en.wikipedia.org/wiki/Ajax_(programming)

纯JavaScript:http://en.wikipedia.org/wiki/XMLHttpRequest

var request = new XMLHttpRequest();
request.onreadystatechange = function () {
    var DONE = this.DONE || 4;
    if (this.readyState === DONE){
        alert(this.readyState);
    }
};
var action = 'doSomethingOnServer';
request.open('GET', 'test2.php?action=' + action, true); 
request.send(null);

Jquery:http://api.jquery.com/jquery.ajax/

<script>
var action = 'doSomethingOnServer';
$.ajax({
  url: "test2.php?action=" + action,
}).done(function(result) {
  alert(result);
});
<script>

为了测试您的 php 是否可以在您的服务器上运行，请创建一个文件 info.php (或其他文件)。并将其添加到文件中

<?php phpinfo(); ?>

如果您访问该页面，您应该会看到一个页面，其中包含有关您的 php 配置的大量信息。我不确定你是如何安装 php 的，但是在开发机器上，你可以更改 php.ini 中的一些内容，让生活变得更轻松

display_startup_errors = 1
display_errors = 1
error_reporting = E_ALL

参见http://php.net/manual/en/errorfunc.configuration.php#ini.error-reporting当您更改 php.ini 时，不要忘记重新启动 apache

JSON 示例:

数据.php

<?php
    $db_result = array(array('name' => 'record1'), array('name' => 'record2'));
    echo json_encode($db_result);
?>

index.php

<script>
$.ajax({url: 'data.php', dataType: 'json'}).done(function(result) { 
  //result = an object from your database (in this case an array with objects with the property name)
  alert(result);  
  alert(result[0].name);
}
</script>