JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<textarea id="data" rows="5" cols="40"></textarea>
<br />
<input id="clickMe" type="button" value="GET Example" />

JavaScript

// myjson GET Example
// 1. Create valid uri via POST
// 2. GET using newly created uri

var obj = {
    "key": "value",
    "key2": "value22"
};
var data = JSON.stringify(obj);

$("#clickMe").click(function () {
    $.ajax({
        url: "https://api.wmata.com/Bus.svc/json/jBusPositions&api_key=11070c26c3224c15bfef321427708beb",
        type: "Get",
        data: data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data, textStatus, jqXHR) {

            // load created json
            $.get(data.uri, function (data, textStatus, jqXHR) {
                var json = JSON.stringify(data);
                $("#data").val(json);
            });

        }
    });
});