h2.uk-text-success <i class=“uk-icon-#{@menu_icons} uk-icon-medium ”></i>&nbsp;&nbsp;REST Client

div.uk-grid

div.uk-width-1-1
  div.uk-panel.uk-panel-box
    h3.uk-panel-title
      <i class="uk-icon-question-circle"></i> &nbsp;&nbsp;Request
    form.uk-form.uk-form-horizontal#query action="/restclient/query" method="POST"
      label.uk-form-label for="method" Method
      select#method name="method"
        option GET
        option POST
        option DELETE
        option PUT
      div &nbsp;
      label.uk-form-label for="url" Endpoint
      input.uk-form-width-large#url type="text" placeholder="url" name="url"
      div &nbsp;
      label.uk-form-label for="body" Body
      textarea.uk-form-large cols="50" name="body" rows="5" placeholder="body"
      div.uk-align-right
        input.uk-button.uk-button-small-primary type="submit" value="Send"

div.uk-grid

div.uk-width-1-1
  div.uk-panel.uk-panel-box
    h3.uk-panel-title
      <i class="uk-icon-share-square"></i> &nbsp;&nbsp;Response
      br
      div#result.uk-width-1-1

javascript:

$('#query').submit(function() {
  console.log($(this).serialize());
  $.ajax({
    data: $(this).serialize(),
    type: $(this).attr('method'),
    url: $(this).attr('action'),
    success: function(response) {
      $('#result').html(response);
    }
  });
  return false;
});