JSFiddle - React, Tailwind, and code Playground

by jonva

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<form id="searchform" class="navbar-form" role="search" method="post" action="/echo/json">
  abc
  <div class="input-group">
    <input type="text" class="form-control" style="width: 300px;" placeholder="Search" name="searchterm" id="srch-term" value="">
    <div class="input-group-btn">
      <button class="btn btn-default" type="submit">Search</button>
    </div>
  </div>
</form>

JavaScript

$("#searchform").submit(function(e) {
   e.preventDefault();
   var form = $(this);
   $.ajax({
     type: "POST",
     url: "/echo/json",
     data: form.serialize(),
     dataType: "json",
     success: function(data) {
       if (data.length > 0) {
         console.log(data);
       } else {
         console.log('Nothing in the DB');
       }
     }
   }, "json");
 });