Basic StackOverflow AJAX Question

http://stackoverflow.com/q/24795145/1093087

HTML

<div id="display12"><h4>Links will be added here:</h4></div>

JavaScript

var successCallback = function(data) {
    var baseUrl = 'SpecificListing.html?Listingid=';      
    for (var i=0; i<data.length; i++) {
        var listingId = data[i].listingid;
        var newUrl = baseUrl + encodeURIComponent(listingId);
        var $newDiv = $('<div />').addClass('two');
        var $newLink = $('<a />')
            .attr('href', newUrl)
            .text(listingId + ': Click to view details');
        $newDiv.append($newLink);
        $('#display12').append($newDiv);
    }
};

var ajaxParams = {
    type: "GET",
    url: "listing.php",
    dataType: 'json',
    success: successCallback
}

// Simulate the AJAX call
function $ajax(options, data) {
    // simulate wait for asynchronous server response
    setTimeout(function() {
        options.success(data);
    }, 1000);
}

var mockData = [
    {listingid: 1},
    {listingid: 2},
    {listingid: 3}
];

$ajax(ajaxParams, mockData);