Ajax
请求方式: get/psot
get: 不发送数据,只通过url传入一点数据(有长度限制,可以获取本地文件)
post:发送大量数据(没有长度限制,不能获取本地文件)
同源策略:
同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。也就是说当前页面只要是协议、主机、端口有一项不同,就会一律不准访问。
固定写法:
function ajax(data,type="GET"){ if(type!=="GET") type="POST"; return new Promise(function(resolve,reject){ let getData=""; let postData=""; if(type==="GET"){ getData="?"+QueryString.stringfiy(data); }else{ postData=QueryString.stringfiy(data); } let xhr=new XMLHttpRequest(); xhr.open(type,"http://127.0.0.1:8001"+getData); xhr.onreadystatechange=function(){ if(xhr.readyState<4) return; if(xhr.status===200){ resolve(xhr.response); }else{ reject(xhr.response); } } xhr.onerror=function(){ reject("地址错误"); } xhr.send(postData); }) }
参数:
xhr.open("GET","http://127.0.0.1:8001",true,user,password); (请求方式,请求地址,是否异步默认true,访问通信时的用户名、密码)
相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05