今天完成的事情：
1，写完了TASK5的样式，没法上传，差不多做成了这个样子，都在一个页面上，添加bootstrap的hidden和show两个类来控制显示的内容，HTML写的好大。
2，已经学会了怎么通过POSTMAN接收数据，可以先用这插件测试一波接口收啥传啥。
明天的计划：
1，完成TASK5
遇到的问题：
1，服务器接收的是JSON数据，引号会有问题，一个一个试了下，"type""talent""talent""talent" 这几个参数都是需要带引号，其他的都不需要且不能，"name"传过去就会返回 {"code":-2,"message":"请输入姓名","data":""}，还不知道什么原因。
收获：
1，bootstrap自带样式挺强大，自己写的样式不到十行，全是用的默认样式，
以下笔记：
1，HTTP是网络协议，有客户端的浏览器向web服务器发出请求，web服务器响应请求返回数据，之后连接中断不会保存连接的信息，当客户端需要时再次向服务器发出请求是一种无状态协议（DNS是一种有状态协议）
HTTP请求过程，
1，建立TCP连接
TCP即传输控制协议。TCP连接是互联网连接协议集的一种。
2，web浏览器向web服务器发出请求命令
3，web浏览器发送请求头信息
4，web服务器作出应答
5，web服务器发出应答头信息
6，web服务器向浏览器发送数据
7，web服务器关闭TCP连接
请求和应答
请求组成部分：
1，请求的方法，POST？GET？
2，请求的地址URL
3，请求头，包含客户端环境信息，身份验证信息
4，请求正文，包含客户提交的字符串（查询字符串信息，表单信息） 与请求头中间一般有空行
GET请求，一般用于信息获取，使用URL传递信息，信息数量有限制，一般2K字符左右
POST请求，向服务器发送信息，一般用于修改服务器上的资源，对信息数量无限制
响应由三个部分组成：
1，数字和文字组成的状态码，显示请求成功or失败
2，响应头，类似请求头，包含服务器类型、日期、内容类型/长度等等
3，响应体，响应的正文
状态码，一般由三个数字组成
1XX，信息类
2XX，表示请求被正确接受处理，例200 OK
3XX，重定向，请求没有成功
4XX，客户端错误，表示客户端提交的请求有错误 （404 NOT FOUND 请求引用文档不存在）
5XX，服务器错误，
2，JS原生
实例一个XMLHttpRequest对象
1，OPEN方法.open(请求方法GET？，URL，默认异步）
2，SEND方法，.send(参数)
3，.setRequestHeader 请求头信息，要放在OPEN和SEND之间，
4，.responseText获取字符串形式的响应数据
.responseXML 获取XML形式的
status statusText 数字和文本形式返回HTTP状态码
5，readyState 属性，其值表示服务器响应的状态 （重要）
0——请求未初始化，OPEN未调用
1——连接已建立，OPEN调用了
2——请求接受，服务器接受到信息
3——请求处理，客户端接受到响应的主体
4——请求完成，响应就绪
6，onreadtstatechange 事件会在readyState值变更时触发。（重要）
3，JQ的AJAX
$.ajax([
type:请求类型POST？
url:请求地址
data:是一个对象，连同请求发送到服务器的数据
dataType:预期服务器返回的数据类型，不指定则JQ根据响应的头信息进行判断，
suchess: 是一个方法（函数），当请求成功时调用此函数，并将响应的数据和状态码传入此函数，所以此函数应该设置data参数，
error:请求失败调用此函数
])
jqXHR对象（XMLHttpRequest）
4，JSON 是储存和交换文信息的语法（类似XML），使用键值对的方式组织（便于阅读和编写），是独立于JS语言，其他语言也可以按照JSON规则来解析JSON数据。
相比XML，JS内建方法直接解析，方便
语法规则 名称/值对 { “name”:”老王" }
使用JSON.parse(“string”) 解析JSON，将字符串解析为一个对象
5，跨域
域名组成
http:// www baidu.com : 8080 / script/jquery.js
协议 子域名 主域名 端口号 请求资源地址
当协议，子域名，主域名，端口号 中任意一个不同即算不同域，不同域请求资源就是跨域，JS出于安全不允许跨域请求资源。
#子域名可以有多级，WWW.BBS.XXX.XXX
处理跨域方法，代理
A要跨域访问B的资源，A建立一个后台服务，B建立一个后台服务，A的后台去访问B的后台
A的前端访问A的后台时，A的后台去访问B的后台，并将返回值传递给A的前端
即A的后台做了代理
（不知道理解错了没，TASK5应该是通过设置NGINX实现的）
处理跨域方法，JSONP
AJAX禁止跨域调用普通文件，但是调用<img><script>这种有src属性的又可以跨域访问[手动滑稽]
把JSON封装成JS。。。不深究了
处理跨域的方法，HTML5新特性
没看，IE10以下不支持
6，网络基础
1， 老大提到的TCP协议的三次握手
第一次，客户端给服务器发包，客户端不知道服务器是否收到
第二次，服务器回复客户端，
此时客户端知道自己的发包被接收，也知道自己可以正确接收服务器发来的包，
此时服务器知道自己可以收到客户端的包，但不知道客户端能不能收到服务器发出的包
第三次，客户端回复服务器，此时客户端没有问题，服务器也知道自己可以正确的收发包
目的，确定双方可以稳定的连接，即可以确认双方都可以收发包。
还有四次挥手、七层网络模型、URL/URI得专门看本书了
返回列表
评论