github.com/micro/go-micro/examples@v0.0.0-20210105173217-bf4ab679e18b/template/web/html/index.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3      <head>
     4          <title>Template Web</title>
     5          <meta name="viewport" content="width=device-width, initial-scale=1">
     6          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
     7          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
     8      </head>
     9      <body>
    10          <nav class="navbar navbar-default">
    11              <div class="container">
    12                  <div class="navbar-header">
    13                      <a class="navbar-brand" href="#">
    14                          Template Web
    15                      </a>
    16                  </div>
    17              </div>
    18          </nav>
    19          <div class="container">
    20              <div class="row">
    21                  <div class="col-md-8">
    22                      <h1>Template Web</h1>
    23                      <form class="example">
    24                          <div class="form-group">
    25                              <label>Enter your name</label>
    26                              <input type=text class="form-control" id="name" name="name" placeholder="John">
    27                           </div>
    28                          <button class="btn btn-default">Submit</button>
    29                      </form>
    30                  </div>
    31              </div>
    32              <div class="row">
    33                  <div class="col-md-8">
    34                      <div class="message"></div>
    35                  </div>
    36              </div>
    37          </div>
    38  
    39  
    40          <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    41          <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    42  
    43          <!-- You may want to store this in a separate file -->
    44          <script type="text/javascript">
    45              $(".example").submit(function(e) {
    46                  e.preventDefault();
    47  
    48  		var url = window.location.href.replace(/\/$/, "") + "/example/call";
    49                  var data = $(this).serializeArray()[0];
    50                  var name = data.value;
    51                  if (name.length == 0) {
    52                      name = "John";
    53                  };
    54  
    55                  $.ajax({
    56                      method: "POST",
    57                      dataType: "json",
    58                      contentType: "application/json",
    59                      url: url,
    60                      data: JSON.stringify({name: name}),
    61                      success: function(data) {
    62                          $('.message').html('<h3>'+data.msg+'</h3>');
    63                      },
    64                  });
    65              });
    66          </script>
    67      </body>
    68  </html>