2013-03-08 53 views
-4

我见过很多教程,但他们很混乱,做我想做的事情,我只是没有得到如何使用从这些教程中获得现有的东西,并使它们按我希望的方式工作。通过PHP(jQuery/AJAX)从MySQL获取到jquery(mobil应用程序)

我有一个图标@ homepage。当用户点击时,我想要做一个查询“select * from tablename”,并将结果显示在特定的div中。

有人可以告诉我这是如何实现的吗?只是一件非常基本的事情就是让我开始。任何帮助表示赞赏。

谢谢。

+0

你尝试过这么远吗?你卡在哪里?你有什么特别的问题吗? – brbcoding 2013-03-08 20:12:54

+3

我建议在发布问题前阅读常见问题解答。 – 2013-03-08 20:13:05

+0

我讨厌每次都问,你有没有尝试过,请发帖 – Rafay 2013-03-08 20:13:55

回答

1
<html> 
<head> 
<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/JavaScript"> 
$(function() { 
    $("#buttonId#).click(function() { 
     $("#divToUpdate").load("/scriptPhp.php"); 
    }); 
</script> 
</head> 
<body> 
<input id="buttonId" type="button" value="click me!" /> 
<br /> 
<div id="divToUpdate"> 
</div> 
</body> 
</html> 

而在你scriptPHP.php文件:

<table> 
    <thead> 
     <tr> 
      <th>Cell 1</th> 
      <th>Cell 2</th> 
     </tr> 
    </thead> 
    <tbody> 
<?php 
$pdo = new Pdo("mysql:host=localhost;dbname=nameOfTheDatabase;charset=utf8", "username", "password"); 

$rows = $pdo->query("SELECT * FROM tablename")->fetchAll(PDO::FETCH_ASSOC); 
foreach ($rows as $row) { 
?> 
     <tr> 
      <td><?php echo $row['cell_1']; ?></td> 
      <td><?php echo $row['cell_2']; ?></td> 
     </tr> 
<?php 
} 
?> 
</table> 
相关问题