JQuery和PHP下的Pb：使用GET传递arg以显示内容细节
我想在侧边栏中查看内容列表。 当我点击这个侧边栏中的一个特定内容时，应该会用它的信息刷新内容细节 2页：test_content.php和test_content_detail.phpJQuery和PHP下的Pb：使用GET传递arg以显示内容细节,php,jquery,Php,Jquery,我想在侧边栏中查看内容列表。 当我点击这个侧边栏中的一个特定内容时，应该会用它的信息刷新内容细节 2页：test_content.php和test_content_detail.php <?php /* $Id: test_content.php $ Show all content */ ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" con
<?php
/*
$Id: test_content.php $
Show all content
*/
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" charset="UTF-8" src="./js/jquery.min.js" ></script>
<script type="text/javascript">
function loadContent(id) {
var $element = $('#content');
var $response = $element.load("test_content_detail.php?id="+id+" #content_detail");
};
</script>
</head>
<body>
<div id="main">
<div id="sidebar">
<div id="items">
<div id="1" class="item">
<input type="button" value="Should show 1" onClick="loadContent(1);">
</div>
<div id="2" class="item">
<input type="button" value="Should show 2" onClick="loadContent(2);">
</div>
<div id="3" class="item">
<input type="button" value="Should show 3" onClick="loadContent(3);">
</div>
</div>
</div>
<div id="content">
<div id="content_detail">
empty
</div>
</div>
</div>
</body>
</html>
<?php
/*
$Id: Test_content_detail.php $
Show one content
*/
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" charset="UTF-8" src="./js/jquery.min.js" ></script>
<script type="text/javascript">
function fillDetail(){
var html = '<br>My detail : ';
var id = "<?php print $_GET['id']?>"; // Where the PHP do the job
if (id){
html += "my id = "+id;
}
var $detail = $('#content_detail');
$detail.append(html);
};
$(document).ready(fillDetail);
</script>
</head>
<body>
<div id="main">
<div id="sidebar">
none
</div>
<div id="content">
<div id="content_detail">
supposed to be filled with <?php print $_GET['id']?>
</div>
</div>
</div>
</body>
</html>