当前位置: 首页 > news >正文

vue 跨域XMLHttpRequest

vue 跨域 使用XMLHttpRequest 亲测好使

 let url='http://127.0.0.1:9000/pssnotifyyb?b=1'//url='https://api.j4u.ink/v1/store/other/proxy/remote/moyu.json'var xhr=new XMLHttpRequest()xhr.open('GET',url,true)//第三个参数是是否异步请求,默认true            xhr.onreadystatechange=function(){if(xhr.readyState===XMLHttpRequest.DONE && xhr.status===200){console.log('请求成功',JSON.parse(xhr.responseText));}}.bind(this)xhr.send('ss')

XMLHttpRequest 是怎么回事

XMLHttpRequest(XHR)底层是基于HTTP协议实现的。 XMLHttpRequest对象有一个readyState属性,表示XMLHttpRequest对象的状态。

  • 当readyState为0时,XMLHttpRequest对象已经创建,但还未初始化。
  • 当readyState为1时,XMLHttpRequest对象已经调用open()方法,但还未发送请求。
  • 当readyState为2时,XMLHttpRequest对象已经发送请求,但还未接收到响应。
  • 当readyState为3时,XMLHttpRequest对象已经接收到部分响应数据。
  • 当readyState为4时,XMLHttpRequest对象已经接收到全部响应数据并解析完毕。

XMLHttpRequest对象还有一个status属性,表示HTTP响应状态码。常见的HTTP状态码有200表示请求成功,404表示请求的资源未找到,500表示服务器端内部错误等。

当XMLHttpRequest对象接收到HTTP响应时,客户端脚本会根据响应头中的Content-Type字段来判断响应内容的类型。

  • 如果Content-Type为text/xml,客户端脚本可以使用responseXML属性来获取XML格式的响应数据。
  • 如果Content-Type为text/plain或application/json,客户端脚本可以使用responseText属性来获取纯文本格式的响应数据,然后解析成JSON对象。

相关文章:

  • 如何使用 WebRTC 与 Kurento 建立视频会议 App
  • 如何成为一个更好的沟通者?
  • 粒子群优化算法(Particle Swarm Optimization,PSO)求解基于移动边缘计算的任务卸载与资源调度优化(提供MATLAB代码)
  • navicat连接postgresql、人大金仓等数据库报错
  • 带libc源码gdb动态调试(导入glibc库使得可执行文件动态调试时可看见调用库函数源码)
  • 【Vue实用功能】Vue实现文档在线预览功能,在线预览PDF、Word等office文件
  • [MQ]常用的mq产品图形管理web界面或客户端
  • MySQL数据导入:MySQL 导入 Excel 文件.md
  • vue预览pdf文件的几种方法
  • 77.Go中interface{}判nil的正确姿势
  • Windows 10/11系统自带“录屏”功能的快捷键无效的解决之道
  • C++ 数论相关题目 扩展欧几里得算法(裴蜀定理)
  • 如何实现Win系统ssh连接Ubuntu使用vscode远程敲代码
  • 跟收费说拜拜,IDEA接口调试插件推荐
  • 【RabbitMQ】死信(延迟队列)的使用
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • angular学习第一篇-----环境搭建
  • CODING 缺陷管理功能正式开始公测
  •  D - 粉碎叛乱F - 其他起义
  • PhantomJS 安装
  • windows下使用nginx调试简介
  • Yeoman_Bower_Grunt
  • Zsh 开发指南(第十四篇 文件读写)
  • 笨办法学C 练习34:动态数组
  • 从0到1:PostCSS 插件开发最佳实践
  • 机器学习学习笔记一
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 精彩代码 vue.js
  • 两列自适应布局方案整理
  • 排序算法之--选择排序
  • 前端js -- this指向总结。
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 深度学习在携程攻略社区的应用
  • 使用common-codec进行md5加密
  • 双管齐下,VMware的容器新战略
  • 线上 python http server profile 实践
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • 机器人开始自主学习,是人类福祉,还是定时炸弹? ...
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​二进制运算符:(与运算)、|(或运算)、~(取反运算)、^(异或运算)、位移运算符​
  • #我与Java虚拟机的故事#连载18:JAVA成长之路
  • (1)(1.9) MSP (version 4.2)
  • (pojstep1.3.1)1017(构造法模拟)
  • (附源码)计算机毕业设计SSM基于java的云顶博客系统
  • (六)vue-router+UI组件库
  • (没学懂,待填坑)【动态规划】数位动态规划
  • (原創) 如何解决make kernel时『clock skew detected』的warning? (OS) (Linux)
  • (转)Scala的“=”符号简介
  • .gitattributes 文件
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .net core使用ef 6
  • .net 怎么循环得到数组里的值_关于js数组
  • .Net6支持的操作系统版本(.net8已来,你还在用.netframework4.5吗)
  • .net反编译的九款神器