JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<button class='gobtn'>GO</button>


  <div class="input-group">
 	<span class="input-group-addon" >Alias</span>
 	<input type="text" class="form-control" placeholder="Alias" userprofile='alias' aria-describedby="sizing-addon2" value='' />
 </div>
 
 <br />
 
  <div class="input-group">
 	<span class="input-group-addon">About me</span>
 	<input type="text" class="form-control" placeholder="About me" userprofile='about_me' aria-describedby="sizing-addon2" value='' />
 </div>
 
  <br />
  
 <div class="input-group">
 	<span class="input-group-addon">Other names</span>
 	<input type="text" class="form-control" placeholder="Other names / aliases" userprofile='other_names' aria-describedby="sizing-addon2" value='' />
 </div>
 
  <br />
  
<div class="input-group">
 	<span class="input-group-addon">Location</span>
 	<input type="text" class="form-control" placeholder="Your Location" aria-describedby="sizing-addon2" userprofile='location'  value='' />
 </div>
 
  <br />
  
<div class="input-group">
 	<span class="input-group-addon">Website</span>
 	<input type="text" class="form-control" placeholder="Website" aria-describedby="sizing-addon2" userprofile='website' value='' />
 </div>
 
  <br />
  
<div class="input-group">
 	<span class="input-group-addon">Public Email</span>
 	<input type="text" class="form-control" placeholder="Public Email - Can be seen in your profile publicly" userprofile='email' aria-describedby="sizing-addon2" value='' />
 </div>
 
  <br />
  
<div class="input-group">
 	<span class="input-group-addon">Contact Number</span>
 	<input type="text" class="form-control" placeholder="Contact Number" aria-describedby="sizing-addon2" userprofile='contact_number' value='' />
 </div>
 
  <br />
  
<div class="input-group">
 	<span class="input-group-addon">Facebook</span>
 	<input type="text" class="form-control" placeholder="Alias" aria-describedby="sizing-addon2" value='' />
 </div>
 
  <br />
  
<div class="input-group">
 	<span...

JavaScript

$('.gobtn').click(function(){
    $.ajax({
        type: 'POST',
        data: { a1: "herp",
                a2: "derp"
            },
        url: 'http://ariia.co.uk/dev/1/script_a.php',
    //    dataType: 'json',
    //    async: false,

        success: function(result){
           alert('success');
        },

        error: function(){
           alert('error');
        }
      });
});