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

你有正确的想法,所以下面是如何继续: 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']; } ?> 

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