ajax的请求接口的方式 get 和post

?如何将原生ajax进行封装?
发送请求的方法:方法,路径和数据
open(method, url, async);

get方式传值:在URL路径后加 ?和数据 (如:a=1&b=2)
**post方式传值:**不在路径URL上写数据而在 send() 上发送数据
两者的区别:

1.对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。

2.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,因服务器的不同而异。
3.get安全性非常低,post安全性较高。

4.跟是一样的,也就是说,method为get时action页面后边带的参数列表会被忽视;而跟是不一样的。

  function way (res,url,data,callback){
        var http=new XMLHttpRequest();
        if(res=="get"){
            if(data){
                url+="?";
                url+=data;
            }
            http.open(res,url);
            http.send();
        }
        else{
            http.open(res.url);
            if(data){
                http.send(data);
            }
            http.send();
        }
        http.onreadystatechange=function(){
            if(http.readyState ==4 && http.status==200){
               callback (JSON.parse (http.responseText ))
            }
        }
    }
     way("get","./txt/ajax.txt",null,function(data){
        console.log(data);
    });

你可能感兴趣的:(JS)