仲灏小栈 仲灏小栈
首页
大前端
后端&运维
其他技术
生活
关于我
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

仲灏

诚意, 正心, 格物, 致知
首页
大前端
后端&运维
其他技术
生活
关于我
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 《前端项目基础建设》
  • HTML&CSS

  • JavaScript&TypeScript

  • Node

  • 构建

  • Vue

  • React

  • 小程序

  • 跨端

  • Electron

  • WebGL&GIS

  • 浏览器

    • 在浏览器中直接使用npm包
    • 前端单页面应用实现服务端渲染
    • 快速测试某个请求在浏览器中是否跨域
      • post请求
    • 浏览器反debugger调试
    • 浏览器debugger反爬虫
    • 浏览器密码自动填充样式
  • 面经

  • 其他

  • 大前端
  • 浏览器
仲灏
2021-12-16
目录

快速测试某个请求在浏览器中是否跨域

在浏览器中打开F12 打开控制台

键入以下代码 回车即可

/*
 * @Description: 测试在浏览器中是否跨域
 * @Author: 仲灏<izhaong 164165005@qq.com>
 * @Date: 2020-12-16 10:02:08
 * @LastEditors: 仲灏<izhaong 164165005@qq.com>
 * @LastEditTime: 2020-12-17 10:09:56
 */
(function loadXMLDoc() {
  var xmlhttp;
  xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatecatechange = function () {};

  xmlhttp.open(
    "get",
    "https://zjksmartbus.toponedt.com/travelpc/vendor/list",
    true
  );
  xmlhttp.setRequestHeader(
    "token",
    "eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI2IiwiY3JlYXRlZCI6MTYwODE3MDgzNzQ5MywiZXhwIjoxNjA4MTc4MDM3fQ.jwUzGz8OCJz2hfQlBQkB50j1ZYpJnfMn4OdeBPO5upIwdbpjrtFt4iOi38L_zu9l_jEmEVHHk0G9jIOQMoHcDQ"
  );
  xmlhttp.withCredentials = true;
  xmlhttp.send();
})();
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

img

以上出现 cors 即为跨域

# post请求

例如 登录接口

(function loadXMLDoc() {
    var request = new XMLHttpRequest();
    request.open('POST', 'http://××××/api/login');
    request.setRequestHeader("Content-type","application/json");
    send_data = {
      "mobile": "11",
      "password": "1",
      "smsCode": "1111",
      "type": 0
    }
    request.send(JSON.stringify(send_data));
    request.onload = function(e){
        console.log("请求成功")
        console.log(request.status, "请求的URL的相应状态")
        console.log(request.readyState, "请求的结果,一般都是4")
        if (request.status === 200) {
            alert('设置回调事件成功!');
        }
        else{
            alert('设置失败,请重试!');
        }
    }
    request.onerror = function(e){
       alert('请求失败')
    }
})();
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
上次更新: 2022/06/05, 20:31:36
前端单页面应用实现服务端渲染
浏览器反debugger调试

← 前端单页面应用实现服务端渲染 浏览器反debugger调试→

最近更新
01
vim日常使用记录
04-02
02
滑动窗口最大值
04-02
03
有效的字母异位词
04-02
更多文章>
Theme by Vdoing | Copyright © 2021-2025 izhaong | github | 蜀ICP备2021031194号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式