使用jQuery / AJAX在兩個頁面之間發送數據

Question

我正在尋找一種在兩個不同頁面上的兩個不同Divs之間發送數據的方法，它們都在同一個域中。

這更多的是學習練習，因為我是jQuery和AJAX的新手，我一直在尋找一種簡單的方法來執行此操作，但是大多數答案或選項似乎都很復雜，並且涉及安裝其他軟件等。

我想讓一個html頁面偵聽一個事件，例如，當某個事情發生時，另一個html頁面將發送一個事件。

第1頁-倒數時鍾，每到一個新的小時，它就會將數據發送到第2頁

第2頁-偵聽此數據，當接收到它時，它會在div中顯示數據

關於倒計時時鍾，這並不完全是我想要做的，僅是示例，但我需要理論。 是否可以僅用2個平面html頁面和一些jQuery / AJAX代碼進行設置？ 它並不需要像我所說的那樣只是為了學習而被保護或優化。

Answer 1

也許您會去看一下nodejs和socket.io。這是個了不起的工具，可以通過javascript進行交互。

Answer 2

最簡單的方法是安裝服務器（例如wamp ），然后可以使用數據庫或文件在頁面之間進行通信，然后使用類似的方法：

第1頁：

<a id="sendData">Send Data to Page 2 </a>

var url = http://localhost/yoursite/writeToFile.php
$('a#sendData').click(
               $.ajax({ url: url, type: "POST", data:{test:'test'} })
                .done(function() {
                      $(this).append(' sent!');
               });
)};

第2頁：

<div>Listening to Page 1 </div>

window.setInterval(function(){
 listenToPage1();
}, 5000);

 function listenToPage1()
{
    var url = http://localhost/yoursite/readFromFile.php
    $.get(url, function(data) { $('div').html(data);   });
}

writeToFile.php

<?php
   $fp = fopen('data.txt', 'a');
   fwrite($fp, $_POST);
   fclose($fp);
?>

readFromFile.php

<?php 
   readfile('data.txt');
?>

yoursite文件夾：

www/
  /yousite
   readFromFile.php
   writeToFile.php
   page1.php
   page2.php
   data.txt

當然，您可以使用nodejs通過javascript直接進行交互，但是我認為最好先學習基礎知識，然后再轉向nodejs （這並不意味着nodejs非常復雜：p）