JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<form id="form" method="post">
  <fieldset>
    <legend>Exemplo Ajax</legend>
    <label>Nome:</label>
    <input type="text" id="nome" placeholder="Digite um nome...">
    <span class="help-block"></span>
    <button type="submit" class="btn">Submit</button>
  </fieldset>
</form>

JavaScript

var $nome = $("#nome").attr('id');
var $request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : nome},
  dataType: "html"
});
 
request.done(function(msg) {
  $("#form").html( msg );
});
 
request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});