Ajax：將內容從另一個div加載到div

Question

當在同一div中單擊鏈接時，我嘗試使用ajax更改div（如html）的內容。 我對ajax不太熟練，所以我很確定這是一個菜鳥問題。 我曾嘗試在網上搜索解決方案，但沒有成功。

我有一個ID為“ main”的div，並且在其中試圖建立一個ID為“ link01”的鏈接。 單擊“ link01”時，我希望“ main”從另一個頁面（site2.html中的“ txt2” -div）的另一個div加載內容。 但是我無法正常工作。

首先，這是我的index.html頁面：

<head>
    <title>site1</title>
    <meta charset="UTF-8">
</head>

<body>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $('#link01').click(function() {
                $('#main').load('site2.html #txt2', function() {});
            });
        });
    </script>
    <div id="main">
        <a>
            <div id="link01">link</div>
        </a>
        Main div where the content will change</div>
    <br>
    <br>
</body>

</html>

這是我的site2.html頁面：

<!DOCTYPE html>
 <html>

<head>
    <title>Site2</title>
    <meta charset="UTF-8">

</head>

<body>

<div id="txt2">Text that will go into the main div at the index-page when link01 is clicked (contains links, images, etc)</div>

</body>

</html>

我可能誤會了completeley。

Answer 1

可能有一種非常糟糕的練習方式……但是，您實際上應該有一個服務器端代碼，可以監聽您的ajax調用，並僅返回所需的HTML片段作為響應。 如此說來，試試這個，它可能工作（沒有檢查）：

$(function() { 
  $('#link01').click(function(){
    $.ajax({
      url: 'site2.html',
      type: 'GET',
      success: function(data){
        data = $(data);
        var $div = $('#txt2', data);
        $('#main').html($div);
      }
    });   
  });
});

Ajax：將內容從另一個div加載到div

問題描述

1 個解決方案

解決方案1
0 2015-11-12 11:49:38

Ajax：將內容從另一個div加載到div

問題描述

1 個解決方案

解決方案1 0 2015-11-12 11:49:38

解決方案1
0 2015-11-12 11:49:38