我使用了这个已有的问题来帮助我:HTML - 在不刷新或重新加载页面的情况下更改/更新页面内容
template-comparison.php文件从header.php代码中获取代码,但实际的“获取代码”没有显示。否则,模板页面将没有标题。templatecode.php文件是用于获取和显示数据库数据的代码。
我的代码:
template-comparison.php
我的代码:
template-comparison.php
<a href="#" onClick="prescand('1')" >link text</a>
<a href="#" onClick="prescand('2')" >link text 2</a>
<div id='myStyle'>
</div>
templatecode.php
<?php
$servername = "localhost";
$username = "hidden for security purposes";
$password = "hidden for security purposes";
$dbname = "hidden for security purposes";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$ID = $_GET['ID'];
$results = mysql_query("SELECT * FROM PresidentialCandidate WHERE ID='$ID'");
if( mysql_num_rows($results) > 0 )
{
$row = mysql_fetch_array( $results );
echo $row['ID'];
}
?>
header.php
<script type="text/javascript">
function prescand(ID) {
$('#myStyle').load('templatecode.php?id=' + ID);
}
</script>
发生了什么:
我点击了链接,但是没有反应。它只是像一个锚点一样将我推到页面顶部。
有什么想法吗?我的目标是在
中显示被点击的链接的所有数据(例如:ID 1...链接文本)。如果我点击ID 2(链接文本2),则会显示该ID的数据。
<a href="javascript:prescand('1')">链接文本</a>
- Rayon<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
- Seanload()
https://www.w3schools.com/jquery/jquery_ajax_load.asp - csandreas1