JSFiddle - React, Tailwind, and code Playground

by Adam Patridge

JavaScript

var baseUrl = "http://api.sierratradingpost.com";
var baseRequestData = {
    "api_key": "xe5s5rpag9y4ear9bwxsu48e",
    "perPage": "1",
    "sort": "RatingLowToHigh"
};
$.ajax({
    dataType: "jsonp",
    url: baseUrl + "/api/1.0/products/",
    data: baseRequestData,
    success: function (result1) {
        console.info("#1v1: " + result1.Result[0].Id);
        $.ajax({
            dataType: "jsonp",
            url: baseUrl + result1.NextPageUrl,
            data: baseRequestData,
            success: function (result2) {
                console.info("#2v1: " + result2.Result[0].Id);
                $.ajax({
                    dataType: "jsonp",
                    url: baseUrl + result2.NextPageUrl,
                    data: baseRequestData,
                    success: function (result3) {
                        console.info("#3v1: " + result3.Result[0].Id);
                    }
                });                
            }
        });
    }
});

$.ajax({
    dataType: "jsonp",
    url: baseUrl + "/api/1.0/products/",
    data: baseRequestData,
}).done(function (result) {
    console.info("#1v2: " + result.Result[0].Id);
    return $.ajax({
        dataType: "jsonp",
        url: baseUrl + result.NextPageUrl,
        data: baseRequestData,
    });
}).done(function (result) {
    console.info("#2v2: " + result.Result[0].Id);
    return $.ajax({
        dataType: "jsonp",
        url: baseUrl + result.NextPageUrl,
        data: baseRequestData,
    });
}).done(function (result) {
    console.info("#3v2: " + result.Result[0].Id);
    return $.ajax({
        dataType: "jsonp",
        url: baseUrl + result.NextPageUrl,
        data: baseRequestData,
    });
});