2. 用户web接口开发 - go - 2.6 浏览器的跨域请求问题 - 《编程》

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  </head>
  <body>
    <button type="button" id="query">请求数据</button>
    <div id="content" style="background-color: aquamarine;width: 300px;height: 500px"></div>
  </body>
  <script type="text/javascript">
    $("#query").click(function () {
      $.ajax(
        {
          url: "http://127.0.0.1:8021/u/v1/user/list",
          dataType: "json",
          type: "get",
          beforeSend: function (request) {
            request.setRequestHeader("x-token", "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJRCI6MTAsIk5pY2tOYW1lIjoiamVmZjEiLCJBdXRob3JpdHlJZCI6MSwiZXhwIjoxNjYyMjg5NTI5LCJpc3MiOiJqZXRicmFpbnMiLCJuYmYiOjE2NTk2OTc1Mjl9.6TtDLNAdfzqes6peUAFe3hgqSsSXuvaJrRxAXwMZ1NQ")
          },
          success: function (result) {
            console.log(result.data);
            $("#content").text(result.data)
          },
          error: function (data) {
            alert("请求出错")
          }
        }
      );
    });
  </script>
</html>