如何在DOM中的php和javascript之间共享数据？

Question

If you read my previous question , you may know that the way of sharing data between php and javascript DOM is not permitted in this assignment:

+-----------+   +------------+  +----------| +----------+  +-----------+    
|javascript +---+Ajax Request+--+handle.php+-+result.xml+->+DOM parser |    
+-----------+   +------------+  +----------+ +----------+  +-----------+    

so I'm thinking about get all the information in the mysql all at once as an array, and try to access this array by javascript without ajax request.

The only way that I can come up with is

   +---------+     +-----------------------------+  +--------------------------------------+
   |Php array|     | write in Dom make it hidden |  | Parse the hidden element by DOM API  |
   +---------+     +-----------------------------+  +--------------------------------------+ 

But this doesn't seems elegant at all, Is there a better way to do this?

Answer 1

Query the database, and print the results as JavaScript inside a script tag. Now all the data is sitting in local JavaScript variables that you can use however you want.

<script type="text/javascript">

  products = [];

  <?php
  mysql_connect('host', 'username', 'password');
  mysql_select_db('dbname');    

  $sql = "SELECT productName from products WHERE productTYPE = 1";
  $result = mysql_query($sql);
  while ($row = mysql_fetch_array($result)) {

    echo "products.push('" . addslashes($row['productName']) . "'); \n";

  }

  ?>

  //do something with all the stuff in the products array
  alert("There are " + products.length + " products in the array.");

</script>