JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<form id="form">
    <label for="firstName">First Name</label>
    <input id="firstName" type="text">
        
    <label for="firstName">Last Name</label>
    <input id="firstName" type="text">
        
    <label for="age">Age</label>
    <input id="age" type="number">
    
    <button id="send" type="submit">Send it</button>
</form>

CSS

label,
input {
    display: block;
}

JavaScript

var person = {
	firstName: "Roni",
    lastName: "Litman",
    age: 22
};

var postData = {
	json: JSON.stringify(person)
};

$("#send").on("click", function() {
    $.ajax({
        url: "/echo/json/",
        data: postData,
        type: "GET",
        success: function(data, status) {
            console.log("data", data);
            console.log("status", status);
        }
    });
});