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,访问通信时的用户名、密码)

相关推荐