我正在尝试在页面上实时更新内容,然后用户点击按钮。
内容部分:
<p class="chapterContent"><?php echo $chapterContent[$chapter]; ?></p>
以下是我的按钮:
<span class="navigationItem"><a href="" onclick= <?php $chapter = 0; ?>>1</a></span>
<span class="navigationItem"><a href="" onclick= <?php $chapter = 1; ?>>2</a></span>
$ chapterContent是一个包含不同字符串的数组。那么用户点击1就会加载$ chapterContent [0],如果他点击2就加载了$ chapterContent [1] 我有什么不起作用,我怎么能这样做,类.chapterContent中的html代码重新加载正确的章节?任何帮助赞赏!
答案 0 :(得分:2)
你需要的是这样的东西!
<p id="chapterContent"></p>
<span class="navigationItem"><a href="" onclick="return display_text('0');">1</a></span>
<span class="navigationItem"><a href="" onclick="return display_text('1');">2</a></span>
<script type="text/JavaScript">
<!--
function display_text( which )
{
$.post( "display.php", { which : which }, function( data ){ document.getElementById( "chapterContent" ).innerHTML = html = data }, "html" );
return false;
}
//-->
</script>
将它放在display.php文件中:
<?php echo $chapterContent[$_POST["which"]]; ?>
您当然应该添加增加安全性等的代码!