Re: [請益] 點了超連結後,如何在div裡顯示某網頁檔 …
※ 引述《mosluce ()》之銘言：
: ※ 引述《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/
上面那串可以簡化為
$("#links a").click(function(){
$("#page_container").load($(this).attr("href"));
return false;
});
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 116.232.96.115
→
06/23 05:09, , 1F
06/23 05:09, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 4 之 4 篇)：
PHP 近期熱門文章
PTT數位生活區 即時熱門文章
