從JavaScript的另一個頁面獲取內容

-1

如何使用JavaScript將第2頁的div加載到第1頁。從JavaScript的另一個頁面獲取內容

Page2.html

<html> 
<head> 
<title> title </title> 
<body> 
<div id="main"> 
<div id="content2"> this is content2</div> 
<div id="content3"> this is content3</div> 
</div> 
</body> 
</html>

我想獲得和使用id內容2從第2頁到創建一個div與該分區的內容第1頁，被點擊和刪除後的鏈接，並做相同的content3，content4和相繼。

Page1.html

<html> 
<head> 
<title> title </title> 
<body> 
<div id="main"> 
<div id="content1"> this is content1</div> 
<a href="#"> get content</a> 
</div> 
</body> 
</html>

然後會是這樣的。

<html> 
<head> 
<title> title </title> 
<body> 
<div id="main"> 
<div id="content1"> this is content1</div> 
<div>this is content2</div> 
<div>this is content3</div> 
</div> 
</body> 
</html>

我是JavaScript新手，我沒有意識到如何做到這一點。如果有人可以幫忙。謝謝。

編輯：我想要一種方式來只使用JavaScript和沒有jQuery，如果這是真的可能。我希望我的項目脫機工作，並且我無法使用jquery完成這項工作，因爲它不起作用。我已經下載了jquery插件並將其粘貼到我的目錄中，但是也沒有工作。

來源

2016-07-18 EL S

的[獲取與阿賈克斯可變另一頁的內容]可能的複製（http://stackoverflow.com/questions/20927573/get-another-pages-content-in-a-variable-with -ajax） –

調查表格和張貼。然後查看jQuery'.post（）'或'AJAX'方法。這些應該可以幫助你開始... – Zak

您可以使用JavaScript，jQuery和AJAX的組合來實現此目的。

首先，包括jQuery庫：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

然後寫類似這樣一個將取代你的div的HTML內容與Page2.html文件中的JavaScript功能：

var loadNewContent = function { 
    $.ajax("Page2.html",{ 
    success: function(response) { 

     $("#content2").html(response); 


    } 
    }); };

然後你需要一些'觸發器'來運行這個功能，例如：

$("#content2").on('click",loadNewContent);

希望這有助於。

來源

2016-07-19 02:14:55 b0rgBart3

我寫了一個名爲ViaJS的小型庫，使用javascript & jquery。它基本上可以讓你從源文件加載內容（如div）到頁面。一探究竟。

Via is a small library that allows you to load content on to a page dynamically

來源

2016-07-19 04:52:57

從JavaScript的另一個頁面獲取內容

回答

相關問題