Ajax:使用jQuery从JSON添加新内容

前端之家收集整理的这篇文章主要介绍了Ajax:使用jQuery从JSON添加新内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

页面中,我有这个HTML代码

 

我想问一下,如何从具有更新消息的服务器获取JSON文件并将它们放到顶部,我的意思是在第一个< div class =“container”>之上.

另一个问题,在向服务器提交请求时,可以通过GET传递,上次更新的时间?我该怎么做?
谢谢.

最佳答案
我不知道您的服务器如何提供新数据.

给定一个名为new_data.json的静态文本文件与您的页面在同一目录中,您可以进行以下ajax请求.

(如果您从文件系统提供页面,某些浏览器可能会给您带来一些麻烦.Safari应该可以工作.)

new_data.json文件内容

[ {"author":"@newAuthor","message":"newMessage","time":"newTime"},{"author":"@anotherAuthor","message":"anotherMessage","time":"anotherTime"} 
]

jQuery的:

  // Stores the latest request timestamp
var lastRequestTime = new Date();

  // Make ajax request
$.ajax({
        // URL of data,with the last time
    url: 'new_data.json?time='+lastRequestTime,dataType:'json',success: function(data) {
             // Update the lastRequestTime
        lastRequestTime = new Date();

            // Get the length of the array returned
        var length = data.length;

            // Walk backward through the array,adding each new item 
            //    to the top of the container
        while(length--) {
                 // Create new .container div
            $('
原文链接:https://www.f2er.com/jquery/427869.html

猜你在找的jQuery相关文章