js 实现ajax(get和post)

get和post的区别：
1.GET产生一个TCP数据包；POST产生两个TCP数据包。
　　对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；
　　而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。
2.get请求数据有限制，post请求数据没有限制
3.请求参数在url中发送，post请求参数在http消息主体中发送

　　　 //get

      function get() {

          //创建XMLHttpRequest

      　　let xhr = new XMLHttpRequest();

          //监听响应

      　　xhr.onreadystatechange = function () {

      　　　　if (xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 304)) {

      　　　　　　console.log(xhr.responseText);

      　　　　}

      　　};

      　　xhr.open("GET","your url",true);

      　　xhr.send();

      }

      //post

      function post () {

          //请求参数、url、创建XMLHttpRequest

      　　let data = 'name=tom&age=18',

      　　　　url = 'your url',

      　　　　xhr = new XMLHttpRequest();

      　　xhr.open('post', url);

          //设置header

      　　xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

      　　xhr.send(data);

      　　xhr.onreadystatechange = function () {

      　　　　if (xhr.readyState === 4 && ( xhr.status === 200 || xhr.status === 304 )){

      　　　　　　console.log(xhr.responseText);

      　　　　}

      　　}

      }

参考：1.https://blog.csdn.net/u012391923/article/details/53197387?utm_source=blogxgwz3
　　　2.http://www.runoob.com/tags/html-httpmethods.html

巴特西

js 实现ajax(get和post)

最新文章

热门文章