JQ调接口，html页面

最新推荐文章于 2024-04-08 08:09:24 发布

Ciwei蓝

最新推荐文章于 2024-04-08 08:09:24 发布

阅读量273

点赞数

分类专栏： 2022css学习笔记 2022Vue学习笔记文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Blue54/article/details/127931055

版权

2022Vue学习笔记同时被 2 个专栏收录

54 篇文章 1 订阅

订阅专栏

2022css学习笔记

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="./js/jquery-3.6.0.min.js"></script>
  <title>Title</title>
</head>
<script>
  var jsonData = JSON.stringify({
    "account": "wuzm",
    "password": "xmgl0592"
  });//转为json字符串
    $.ajax({
      type: "post",
      dataType: "json",
      url: "http://s/user/login" ,
      data: jsonData, //提交的数据
      headers:{'Content-Type': 'application/json'},
      success: function (result) {
        document.cookie = `Admin-Token=${result.data.token};path=/`
        console.log(document.cookie,'dddd')
        document.location.href = 'http://coclpit'//打印服务端返回的数据(调试用)
      },
      error : function() {
        alert("未知错误请联系管理员");
      }
    });
</script>
<body>
<div id="zzzzzzz">
</div>
</body>
</html>