別のページからJavaScriptを使用してコンテンツを取得する

-1

ページ2のdivをJavaScriptでページ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>

私はリンクをクリックして削除された後、そのdiv要素の内容とのPage1にdiv要素を作成するために、PAGE2からID content2を取得し、使用したい、として同じことを行いますcontent3、content4を含む。その後、

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

そして

Page1.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>

Page2.htmlファイルを使用してdivの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

私はjavascript & jqueryを使ってViaJSという小さなライブラリを作成しました。基本的に、ソースからページにコンテンツ（divなど）を読み込むことができます。見てみな。 [Ajaxで変数内の別のページのコンテンツを取得します]の

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

出典

2016-07-19 04:52:57

別のページからJavaScriptを使用してコンテンツを取得する

答えて

関連する問題