在另一个html页面上运行脚本而不刷新

时间:2014-06-20 14:58:10

标签: jquery html ajax facebook perl

我试图实现类似于Facebook的通知系统,因为它会在标题中有一个小图标,当按下时,会下拉一个有一堆用户的div&#39 ; s通知在表格中排序。我希望将个别通知标记为"阅读"与" time_created"一起悬停时间戳插入到该通知的数据库中。桌面上的每个通知都有其个人" notice_id"。我在我的网页上使用Perl并将其称为main.html。

我想创建另一个" readon.html"页面,其唯一目的是将通知标记为已读,因为我有个别的notice_ids。我希望实现这一点,只要我将鼠标悬停在main.html标题下拉框中的通知上,它就会执行这些任务而无需重新加载页面。

这可能吗?或类似的东西?如果是这样,我应该调查什么,你能否把我推向正确的方向。提前致谢。

1 个答案:

答案 0 :(得分:0)

您对jQuery及其AJAX实现的满意程度如何?

听起来您需要jQuery.post() http://api.jquery.com/jquery.post/

<div class="notification unread" data-noticeid="123">Lorem ipsum</div>

$(document).on('mouseenter', '.notification.unread', function(){
    $(this).removeClass('unread');
    var notice_id = $(this).data('noticeid');
    $.post('readon.html', {notice_id: notice_id});
});

然后,readon.html上的Perl脚本将获取notice_id并使用当前服务器时间将其标记为&#34; read&#34;在后端。