让前端飞

http中的请求方法

2018-11-15  本文已影响4人  Cherish丶任

http的请求方法有两种get、post

get请求:
1、get提交会把提交的数据显示在url中,其安全性比较低
2、url对于提交的数据大小有限制,一般是是几个汉字,不适合提交大量数据
post请求:
1、数据不会显示在url中,其安全性比较高
2、可以发送大量数据,尤其是文件上传必须使用post

http的状态码

1** 信息,服务器收到请求,需要请求者继续执行操作
2** 成功,操作被成功接收并处理
3** 重定向,需要进一步的操作以完成请求
4** 客户端错误,请求包含语法错误或无法完成请求
5** 服务器错误,服务器在处理请求的过程中发生了错误
具体详情请移步菜鸟教程网http://www.runoob.com/http/http-status-codes.html

用get方法发送请求

//1.创建xhr对象
var xhr = new XMLHttpRequest();
//2.监听xhr状态的改变
xhr.onreadystatechange = function(){
//有三个属性
  console.log(xhr.readystate+'xhr状态');//状态为===4是成功
  console.log(xhr.status+'xhr状态码');//状态码为===200是成功
  console.log(xhr.responseText+'xhr响应消息主体')
}
//3.打开web服务器的链接
//xhr.open('get/post','php链接',是否为异步)
xhr.open('get','****.php',true);
//4.发送请求消息主体
xhr.send(null);

用post方法发送请求

     //1.创建xhr对象
     var xhr=new XMLHttpRequest();
     //2.监听xhr状态的改变
     xhr.onreadystatechange=function(){
          //属性:
             1.readyState===4  //请求状态 1,2,3,4
             2.status===200          //响应状态码
     }
   // 3.打开一个链接
     xhr.open('post','xx.php',true);
    // 4.修改请求消息头部
     xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // 5.发送数据
     xhr.send('uname='+uname);
上一篇 下一篇

猜你喜欢

热点阅读