使用jQuery/AJAX在两个页面之间发送数据

使用jQuery/AJAX在两个页面之间发送数据,jquery,ajax,long-polling,Jquery,Ajax,Long Polling,我正在寻找一种在两个不同页面上的两个不同div之间发送数据的方法,这两个div都在同一个域上 这更像是一个学习练习,因为我对jQuery和AJAX非常陌生,我一直在寻找一种简单的方法来实现这一点,但大多数答案或选项似乎很复杂,并且涉及安装其他软件等 我希望有一个html页面监听一个事件,另一个html页面将在发生事件时发送一个事件,例如 第1页-倒计时时钟,每当它达到一个新的小时,它就会将数据发送到第2页 第2页-侦听此数据,收到时以div显示数据 这并不是我想要做的关于倒计时时钟的事情,它只是

我正在寻找一种在两个不同页面上的两个不同div之间发送数据的方法,这两个div都在同一个域上

这更像是一个学习练习,因为我对jQuery和AJAX非常陌生,我一直在寻找一种简单的方法来实现这一点,但大多数答案或选项似乎很复杂,并且涉及安装其他软件等

我希望有一个html页面监听一个事件,另一个html页面将在发生事件时发送一个事件,例如

第1页-倒计时时钟,每当它达到一个新的小时,它就会将数据发送到第2页

第2页-侦听此数据,收到时以div显示数据

这并不是我想要做的关于倒计时时钟的事情,它只是一个例子,但理论是我需要的。是否可以只使用2个平面html页面和一些jQuery/AJAX代码来设置它?它不需要安全或优化,就像我说的那样,它只是为了学习。

也许你应该看看和
这是一个神奇的工具,可以通过javascript进行所有交互。

最简单的方法是,安装一个服务器(例如),然后您可以使用数据库或文件在页面之间进行通信,然后使用类似的方法:

第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!');
               });
)};
<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);   });
}
<?php
   $fp = fopen('data.txt', 'a');
   fwrite($fp, $_POST);
   fclose($fp);
?>

当然,您可以使用
nodejs
直接通过
javascript
进行交互,但我认为最好先学习基础知识,然后再转到
nodejs
(这并不意味着
nodejs
非常复杂:p)

您必须处理数据服务器端。HTML本身无法做到这一点,因为它是在客户端运行的。是的,通常情况下,您应该使用数据库服务器端,并使使用ajaxIs请求此数据库的页面在没有数据库的情况下可以做到这一点吗?我希望能有更快的速度,能不能使用ajax和jquery将数据从一个html页面发送到另一个html页面?你能做的是每小时从另一个html文件中随机获取一个div(但不发送数据并根据发送的数据期待响应,这只是服务器端。HTML在这方面没有处理能力,也无法访问数据)关于web套接字呢?我需要更多地了解Node JS和Socket IO吗?谢谢,要使用这些工具来完成我正在尝试的工作,你会说它相当简单吗?我没有使用这些工具的经验。这非常简单。你需要很好的经验:)你想在windows或linux下工作吗?啊,谢谢,主要是Linux这太棒了谢谢你,我想当我最初想到它的时候,我没有意识到任务的大小!我会试试这个,我担心使用数据库会很慢?如果每隔几秒钟就有一次更改?我认为,最好从使用文件开始—它比数据库更简单(同样,这并不意味着它很复杂),因为数据库延迟,这完全取决于您的数据库大小。。。
<?php 
   readfile('data.txt');
?>
www/
  /yousite
   readFromFile.php
   writeToFile.php
   page1.php
   page2.php
   data.txt