AJAX本质是使用XMLHttpRequest对象请求数据 fetch更简单,第一个是url第二个是参数,采用了Promises来处理结果或者回调 AJAX的步骤? 1、创建XMLHttpRequest对象var xhr = new XMLHttpRequest() 2、与服务器创立连接xhr.op ...
分类:
Web程序 时间:
2020-06-01 00:31:06
阅读次数:
81
function Ajax(type, url, data, success, failed){ // 创建ajax对象 var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else { xhr = new ...
分类:
Web程序 时间:
2020-05-29 13:32:49
阅读次数:
65
跨域问题是指为了安全,浏览器不允许与当前协议域名端口不同的请求发出ajax请求 xhr请求最早一般用来获取数据然后填充到innerHTML中, 如果有script是可以运行的,进而可能会引发安全问题 form表单的提交post,并不是xhr请求,根本就不是ajax请求, form表单提交后页面会跳转 ...
分类:
Web程序 时间:
2020-05-24 09:57:01
阅读次数:
96
Content Security Policy减少劫持 什么是CSP? CSP是由单词 Content Security Policy 的首单词组成,是HTML5带给我们的一套全新主动防御的体系,旨在减少(注意这里是减少而不是消灭)跨站脚本攻击。CSP是一种由开发者定义的安全性政策性申明,通过CSP ...
分类:
其他好文 时间:
2020-05-23 21:49:56
阅读次数:
127
<html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <script type="text/javascript"> //图片上传 var xhr; //上传文件方法 function UpladFile() { ...
分类:
Web程序 时间:
2020-05-12 18:50:16
阅读次数:
691
学习项目xhr系统用到springboot + vue(https://github.com/lenve/vhr),文档中要求使用到RabbitMQ,但是从我搭建开发环境来看,是否配置RabbitMQ对登录以及系统中相关ui上的操作并不会影响,所有暂时先不管了,一步一步来吧。 1.下载redis。 ...
分类:
编程语言 时间:
2020-05-11 18:41:14
阅读次数:
70
1 <script> 2 // 封装通用的xhr对象,兼容各个版本 3 function creatXHR() { 4 // 判断浏览器是否将XMLHttpRequest作为本地对象实现,针对IE7,firefox, opera等 5 if (typeof XMLHttpRequest != "un ...
分类:
编程语言 时间:
2020-05-02 16:35:09
阅读次数:
84
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 const ajaxPromise = param => { return new Promise((resovle, reject) => { var xhr = new XMLHttpRequest( ...
分类:
Web程序 时间:
2020-05-02 12:11:19
阅读次数:
75
http状态码:1、网络畅通,服务器端能接收到请求,服务器返回的结果不是预期结果。可以判断服务器端返回的状态码,分别进行处理。xhr.status获取http状态码 2、网络畅通,服务器端没有接收到请求,返回404状态码检查请求地址是否错误。 3、网络畅通,服务器端能接收请求,服务器端返回500状态 ...
分类:
Web程序 时间:
2020-04-21 10:03:39
阅读次数:
89
原生 //创建异步对象 var xhr = new XMLHttpRequest(); //设置请求基本信息,并加上请求头 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.open('post ...
分类:
移动开发 时间:
2020-04-16 20:57:31
阅读次数:
82