Question

I have a ajax function in index.php which calls on the page thread.php which returns a JSON response(array). I basically want to parse through that array, display it in a particular html format, take the last value of the last row of that array and send it back in the same ajax call previously mentioned. So that ajax is basically a loop.

function returnValue()
{
 $.ajax({
            async: true,
            type: "GET",
            url: "thread.php",
            data: {lastposted : dateposted},
            dataType: "json",

            success: function (json) {
                if(json) {
                    {
                        for (var i = 0, len = json.length; i < len; i++) {

                            var results = json[i];
                            var newDiv = $("<div><img src='" + results[0] +"'/>" + results[2] + results[3] + results[4] + results[5] + "</div><br>");
                           $('#chatContents').append(newDiv);
                           var dateposted = results[5];
                        }
                    }
                }
            }  
        });
}

The stored value dateposted needs to be sent as an input when making the ajax call. The default value of dateposted will be 0.
I am not sure if this can be done. I am open to suggestions.

Answer 1

You can make this a lot simpler, you don’t need to use the extended GET syntax:

var returnValue = (function() {
    var dateposted = 0;
    return function() {
        $.get("thread.php", { "lastposted": dateposted }, function(result) {
           // display your chats
           dateposted = result[result.length-1][5];
        }, "json");
    }
})();