HTML – 更新\更新页面内容，而不刷新\重新加载页面

我从数据库中获取数据，并显示在一个div …我想要做的是当我点击一个链接，它应该改变div的内容

一个选项是通过URL传递参数给自己并重新加载页面…

我需要这样做， 无需重新加载\刷新 …

<?php $id = '1'; function recp( $rId ) { $id = $rId; } ?> <a href="#" onClick="<?php recp('1') ?>" > One </a> <a href="#" onClick="<?php recp('2') ?>" > Two </a> <a href="#" onClick="<?php recp('3') ?>" > Three </a> <div id='myStyle'> <?php require ('myConnect.php'); $results = mysql_query("SELECT para FROM content WHERE para_ID='$id'"); if( mysql_num_rows($results) > 0 ) { $row = mysql_fetch_array( $results ); echo $row['para']; } ?> </div> 

目标是当我点击任何链接的div和phpvariables的内容更新没有刷新….所以用户可以看到新的数据 ，然后如果执行一些查询它是在新variables\ s

PS我知道这是需要一些AJAX，但我不知道AJAX ..所以请回复一些我可以学习…我的知识仅限于HTML，PHP，一些JavaScript和一些jQuery

Answer 1

你有正确的想法，所以下面是如何继续： onclick处理程序在客户端运行在浏览器中，所以你不能直接调用PHP函数。 相反，您需要添加一个JavaScript函数（如您所提到的）使用AJAX调用PHP脚本并检索数据。 使用jQuery，你可以做这样的事情：

 <script type="text/javascript"> function recp(id) { $('#myStyle').load('data.php?id=' + id); } </script> <a href="#" onClick="recp('1')" > One </a> <a href="#" onClick="recp('2')" > Two </a> <a href="#" onClick="recp('3')" > Three </a> <div id='myStyle'> </div> 

然后你把你的PHP代码放到一个单独的文件中:(我在上面的例子中把它叫做data.php ）

 <?php require ('myConnect.php'); $id = $_GET['id']; $results = mysql_query("SELECT para FROM content WHERE para_ID='$id'"); if( mysql_num_rows($results) > 0 ) { $row = mysql_fetch_array( $results ); echo $row['para']; } ?> 

Answer 2

jQuery将完成这项工作。 您可以使用jQuery.ajax函数（用于执行ajax调用的通用函数）或其包装器（用于获取/发布数据的jQuery.get，jQuery.post）。 它非常易于使用，例如，查看本教程， 该教程展示了如何在PHP中使用jQuery。