我想用 ajax 打开一个页面，并用 ajax 在浏览器 url 中显示链接。当然，页面不会重新加载整个页面，只会重新加载内容。这是我的代码。但我一直有一个错误“注意：未定义的索引：第 2 行 C:\xampp\htdocs\www\html5-history-api\menu1.php 中的 rel ”
我希望这个错误消失...
header.php：
<br>Header Content from header.php</br></br>
<style>
#menu{font-size:20px;}
#content{font-size:30px;}
</style>
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script>
$(function(){
$("a[rel='tab']").click(function(e){
//e.preventDefault();
/*
if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content;
if commented, html5 nonsupported browers will reload the page to the specified link.
*/
//get the link location that was clicked
pageurl = $(this).attr('href');
//to get the ajax content and display in div with id 'content'
$.ajax({url:pageurl+'?rel=tab',success: function(data){
$('#content').html(data);
}});
//to change the browser URL to 'pageurl'
if(pageurl!=window.location){
window.history.pushState({path:pageurl},'',pageurl);
}
return false;
});
});
/* the below code is to override back button to get the ajax content without reload*/
$(window).bind('popstate', function() {
$.ajax({url:location.pathname+'?rel=tab',success: function(data){
$('#content').html(data);
}});
});
</script>
<div id='menu'>
<a rel='tab' href='http://localhost/www/html5-history-api/menu1.php'>menu1</a> |
<a rel='tab' href='http://localhost/www/html5-history-api/menu2.php'>menu2</a> |
<a rel='tab' href='http://localhost/www/html5-history-api/menu3.php'>menu3</a>
</div>
和menu1.php（menu2和3同1）
<?php
if($_GET['rel']!='tab'){
include 'header.php';
echo "<div id='content'>";
}
?>
menu1 content in menu1.php
<?php
if($_GET['rel']!='tab'){
echo "</div>";
include 'footer.php';
}?>
所以，是的，代码有效，但我不喜欢我的代码中有错误，我不知道该怎么做。
谢谢。