我的网页上有一个由不同<div>
容器信息填充的区域。当我的导航栏中的链接被按下时,一个<div>
将淡出而另一个将淡入。我想要做的是让其中一个内容<div>
充满动态信息,当在另一个“页面”上按下链接时,它将改变从哪个数据库加载信息,然后用新信息显示或淡入<div>
。
须藤:
<a href = "#" onClick = "changeContent('dynamicDiv'); [Set which database to load the information from]; "> View information </a>
<div id = "dynamicDiv">
<?php include 'file.php' ?>
</div>
file.php
**Find which database to load information from and display content**
我想过使用$ GLOBAL vars,但我不确定如何从链接中设置它们,也不会重新加载div内容。
我还考虑使用表单,但我不确定这样做的“正确”方式,并且当重新加载页面时,默认显示的<div>
将被加载,不是<div id = "dynamicDiv>
非常欢迎任何建议/想法....
答案 0 :(得分:3)
在这种情况下,您应该使用ajax。
AJAX用于在不重新加载页面的情况下从服务器更改页面内容。
您可以使用此JQUERY AJAX和JQUERY LOAD
$(document).ready(function(){
$("#changediv").load("load.php?id=1");
})
在load.php中 $ ID = $ _ GET [ 'ID'];
// use that id for dynamic query in database
$query="SELECT *.....";
$result=mysql_query($query);
echo mysql_fetch_array($result);//somthing like that
在php中回显的所有单词都成为ajax中的响应。