JSFiddle - React, Tailwind, and code Playground

by Umair Rafiq

HTML

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <button id='clickit'> Call </button>
        <div id='request'>TODO write content</div>
        <div id='response'>TODO write content</div>
    </body>
</html>

JavaScript

function apicall() {
              var key = "aa0bf3957e823316e5dc18c031c6ddc8074b980d";
              var ontology = "ticker";
              var terms = "sscore,smean,sdispersion";
              var dates = "datetime+eq+recent";
              var sort = "sscore+desc,smean+desc,sdispersion+desc";
              var url = "https://api.socialmarketanalytics.com/api/search?subject=all&ontology=" + ontology + "&items=" + terms + "&dates=" + dates + "&sort" + sort;
              var somejson = {api_key: key, "function": "search"};
              
							$('#request').text(url);
              $.ajax({
                  url: url,
                  type: "POST",
                  crossDomain: true,
                  data: JSON.stringify(somejson),
                  dataType: "json",
                  success: function (response) {
                      var resp = JSON.parse(response);

											$('#response').text(resp);

                  },
                  error: function (xhr, status) {
                      $('#response').text(status);
                  }
              });
            }
            
						function apicall2(){
							var form = new FormData();
              form.append("function", "search");
              form.append("api_key", "aa0bf3957e823316e5dc18c031c6ddc8074b980d");

              var settings = {
                "url": "https://api.socialmarketanalytics.com/api/search?subject=all&ontology=ticker&items=sscore,smean,sdispersion&dates=datetime+eq+recent&sortsscore+desc,smean+desc,sdispersion+desc
              ",
                "method": "POST",
                "timeout": 0,
                "processData": false,
                "mimeType": "multipart/form-data",
                "contentType": false,
                "data": form,
                 "crossDomain": true
              };

              $.ajax(settings).done(function (response) {
                $('#response').text(response);

                console.log(response);
              });

...