HTTP和HTTPS

cookie是存在在浏览器的，来源是服务器。cookie都是浏览器访问了bing服务器之后由服务器返回的，在服务器返回的响应报文中，可以在响应header中包含一个/多个Set-Cookie这样的资源，浏览器看到Set-Cookie就会把这样的数据给保存在浏览器本地。当浏览器保存了cookie之后，下次浏览器访问同一个网站，就会把之前本地存储的cookie在通过http请求header中的cookie给带过去。

认识请求“正文”（body）

正文中的内容格式和header中的Content-Type是密切相关的

HTTP响应

状态码

状态码表示访问一个页面的结果（是访问成功，还是失败，还是其他的一些情况）

200

表示访问成功

404

表示想要访问服务器的资源在服务器上没有

403

表示访问被拒绝，有的页面通常需要用户具有一定的权限才能访问（登录后才能访问），如果用户没有登陆直接访问，就容易见到403

500

服务器内部错误（服务器代码执行过程中，出异常了）

504

访问超时（服务器请求量很大的时候）

302

重定向（访问一个旧的URL自动转移到新的URL）

1、服务器的地址迁移；2、搜索引擎中的点击跳转

	类别	原因短语
1xx	Informational（信息性状态码）	接收的请求正在处理
2xx	Success（成功状态码）	请求正常处理完毕
3xx	Redirection（重定向状态码）	需要进行附加操作以完成请求
4xx	Client Error（客户端状态错误码）	服务器无法处理请求
5xx	Server Error（服务器错误状态码）	服务器处理请求出错

认识响应“报头”header

响应报头的基本格式和请求报头的格式基本一致

响应中Content-Type常见取值：

text/html：body的数据格式html

text/css：body数据格式是css

application/JavaScript：body数据格式是JavaScript

application/json：body数据格式是json

构造HTTP请求

通过form表单构造HTTP请求

form发送GET请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
</head>
<body>
    <form action="http://www.sogou.com" method="get">
        <input type="text" name="11">
        <input type="text" name="22">
        <input type="submit" value="提交">
    </form>
</body>
</html>

form发送POST请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
</head>
<body>
    <form action="http://www.sogou.com" method="post">
        <input type="text" name="11">
        <input type="text" name="22">
        <input type="submit" value="提交">
    </form>
</body>
</html>

此处的方法只支持get和post，借助这些标签来给请求构造数据，每个input就对应一个键值对，input的name属性就是键，input里用户的输入内容就是值。如果方法是get，键值对就会出现在url的query string中，如果方法是post，键值对就会放在body中。

通过ajax构造HTTP请求

使用第三方库，jquery代替原生的api（ajax）

发送GET请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script>
        $.ajax({
            type:'get',
            url:'http://www.sogou.com',
            body:'http请求的body',
            contentType:'x-www-form-urlencode',
            success:function(body){
                //服务器返回一个正确的响应
                //就会由浏览器调用这个sucess对应的函数，来处理响应
                //参数body就是响应的正文
                console.log("ok");
            },
            error:function(){
                //服务器返回一个错误的响应
                //就会由浏览器调用这个error对应的函数
                console.log("error");
            }
        });
    </script>
</body>
</html>

发送POST请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script>
        $.ajax({
            type:'post',
            url:'http://www.sogou.com',
            body:'http请求的body',
            contentType:'x-www-form-urlencode',
            success:function(body){
                //服务器返回一个正确的响应
                //就会由浏览器调用这个sucess对应的函数，来处理响应
                //参数body就是响应的正文
                console.log("ok");
            },
            error:function(){
                //服务器返回一个错误的响应
                //就会由浏览器调用这个error对应的函数
                console.log("error");
            }
        });
    </script>
</body>
</html>