AJAX

解决跨域:
响应头:cors “Access-Control-Allow-Origin”:"*"
websocket
jsonp

JSONP
在这里插入图片描述
仅限于GET

为什么刷新 ajax
更好的进行数据搜索

优点:
可以做到不刷新页面 不跳转页面
核心XMLHttpRequest

缺点:
前端的Ip地址端口与后端相同(同源:同地址同端口)
受同源策略的限制,不能发送跨域请求。

open下的5个属性,
method:获取的方式。
get:(发送将需要发送的数据,写在url地址后面,随地址访问直接发送。)
post (需要发送数据写在send中。二进制数据流发送)(会出现丢包)
put:(和post类似,都是向服务器发送数据的。但是该请求会改变数据的种类等资源。)
delete:(删除某一个资源)

GET:请求可被缓存,保留在浏览器历史记录中,可被收藏为书签,不应在处理敏感数据时使用,有长度限制,只应用于取回数据。(扁平化的数据)
POST:请求不会被缓存,不会保留在浏览器历史记录中,不能被收藏为书签,对数据长度没有要求。

async:异步加载,默认是true,就是异步,需要使用侦听。如果设置为false,表示同步,不需要侦听,同步获取后 执行。(不允许使用同步)
user和password:

url:可以请求网络地址,和本地地址,(支持http,https,ftp,(file,本地协议))
xml:内存比较大

send
发送的类型:字符串,Formdata
,类型化数组

一般针对post
设置请求头必须写在open之后,send之前。
getAllResponseHanders:获取所有响应头
getResponseHeader:获取指定的响应头

ArrayBuffer data:类型化数组
file:files:上传文件。
multiple:多选。
表单提交:Formdata。

var formData = new FormData();
formData.append("username", "EricXie");
formData.append("age", "30");
formData.append("sex", "men");
request.send(formData);

timeoye:设置超时请求2分钟
abort:取消请求

AJAX访问PHPS时:xhr.setRequestHeader(“content-type”,“application/x-www-form-urlencoded”)

灰度:某一产品上个版本和这个版本同时在使用。

encodeURIComponent:将中文转换为URI编码格式。
decodeURIComponent:将URI编码格式转换为中文字符

readystate(当前状态被改变时)
信息:100-101
成功:200-206
重定向:300-307(把数据发送给一个地址,不接收重新发送给别的服务器 )
客户端错误:400-417
服务端错误:500-505

onprogress:只有加载本地文件才有效

在这里插入图片描述

在这里插入图片描述
一般断线重连三次

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值