※ 引述《FacetheFaith ( )》之銘言：
: 例如有個頁面有這樣一個超連結---> <a href='product.php'>產品編輯</a>
: 然後這個頁面裡面還有一個 DIV圖層,簡稱div1
: 想要在點了"產品編輯"後, 在div1裡面show出 product.php的全部內容
: 不知道該怎麼做比較好??
: 因為我用innerHTML="product.php", 結果它是顯示"product.php"這樣的字樣
: 有沒有人知道怎麼弄?? 或是要用iframe??
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(init);
function init() {
$("#links a").click(
var dest = $(this).attr('href');
function() {
$.ajax({
dataType:'html',
data:'get',
url:dest, //就是要連結的目標
success:function(evt){
$('#page_container').html(evt);//把回傳值放進div中
}
});
return false; //不跑真正的超連結
}
);
}
<script>
<!-- 連結區 -->
<div id="links">
<a href="product.php">Product</a>
....
...etc.
</div>
<div id="page_container">
</div>
更多詳細用法請看 http://api.jquery.com/jQuery.ajax/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.85.58.90