JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<form id="test-form">
<input type="text" id="name" name="name"/>
<input type="submit" value="submit"/>
</form>

<p class="response1">
Response 1 goes here
</p>
<p class="response2">
Response 2 goes here
</p>

JavaScript

$("#test-form").on("submit", function(e) {
	e.preventDefault();
  var root = 'https://jsonplaceholder.typicode.com';

  $.ajax({
    url: root + '/posts/1',
    method: 'GET'
  }).then(function(data) {
  	if(data) {
    	$(".response1").text(data.title);
        $.ajax({
          url: root + '/posts/2',
          method: 'GET'
        }).then(function(data) {
          if(data) {
            $(".response2").text(data.title);
          }
        });
    }
  });
})