JSFiddle - React, Tailwind, and code Playground

by dbouwman

HTML

<button id="addPoint">Add Item to Mongo</button>
<button id="getPoints">Get items from Mongo</button>
<div id="console"></div>

JavaScript

var apiKey ='5aBWmfmdlk0X65WTi_6Z2TeSw4Dg1uZH';
var apiUrl = 'https://api.mongolab.com/api/1/databases/zombieattacks/collections/attacks';

$('#addPoint').on('click',function(){
        $.ajax( { url: "https://api.mongolab.com/api/1/databases/zombieattacks/collections/attacks?apiKey=" + apiKey,
              data: JSON.stringify({"action":"attack","lng":-116.547055,"lat":33.825926,"id":"1f937ee4-facb-4362-8198-eca08d141d35"} ),
              type: "POST",
              contentType: "application/json" } );
});

$('#getPoints').on('click',function(){
        $.ajax( { url: "https://api.mongolab.com/api/1/databases/zombieattacks/collections/attacks?apiKey="+apiKey,
              type: "GET",
              contentType: "application/json",
              success: function(data, status, xhr){
                  $.each(data, function(idx, item){
                      
                      $('#console').append('Got: ' + JSON.stringify(item));
                  });
              }
               });
});