HTML-更改更新页面内容而无需刷新重新加载页面

HTML-更改更新页面内容而无需刷新重新加载页面

您有一个正确的想法，所以这是继续的方法：

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'];  }?>