发表于: 2017-05-25 23:18:28

1 949


今天完成的事情:

1.学习了HTTP协议入门:

梳理了下小知识点:

**什么是http协议?

HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包(packet)传输,主要规定了客户端和服务器之间的通信格式,默认使用80端口。

**http有哪些请求方法?

GET     请求获取Request-URI所标识的资源

POST    在Request-URI所标识的资源后附加新的数据

HEAD    请求获取由Request-URI所标识的资源的响应消息报头

PUT     请求服务器存储一个资源,并用Request-URI作为其标识

DELETE  请求服务器删除Request-URI所标识的资源

TRACE   请求服务器回送收到的请求信息,主要用于测试或诊断

CONNECT 保留将来使用

OPTIONS 请求查询服务器的性能,或者查询与资源相关的选项和需求

**Content-Type 字段有哪些?

text/plain

text/html

text/css

image/jpeg

image/png

image/svg+xml

audio/mp4

video/mp4

application/javascript

application/pdf

application/zip

application/atom+xml

**http常见的服务器返回的状态码有哪些?

200 OK      //客户端请求成功

400 Bad Request  //客户端请求有语法错误,不能被服务器所理解

401 Unauthorized //请求未经授权,这个状态代码必须和WWW-Authenticate报头域一起使用 

403 Forbidden  //服务器收到请求,但是拒绝提供服务

404 Not Found  //请求资源不存在,eg:输入了错误的URL

500 Internal Server Error //服务器发生不可预期的错误

503 Server Unavailable  //服务器当前不能处理客户端的请求,一段时间后可能恢复正常

eg:HTTP/1.1 200 OK (CRLF)


2.学习了Ajax XHR

一个基本的流程是创建对象-创建一个回调函数-open()-send()-接收响应-对接收到的数据进行操作。

<button id="btn">获取信息</button>

<div id="result"></div>

<script>

btn.onclick = function(){

    //创建xhr对象

    var xhr;

    if(window.XMLHttpRequest){

        xhr = new XMLHttpRequest();

    }else{

        xhr = new ActiveXObject('Microsoft.XMLHTTP');

    }

    //异步接受响应

    xhr.onreadystatechange = function(){

        if(xhr.readyState == 4){

            if(xhr.status == 200){

                //实际操作

                result.innerHTML += xhr.responseText;

            }

        }

    }

    //发送请求

    xhr.open('get','message.xml',true);

    xhr.send();

}

</script>    


3.学习了如何本地配置nginx。

明天计划的事情:

继续任务5

遇到的问题:

下午写完代码进行send()的时候,老是报错,我以为自己代码有问题,或者格式不对,后来才知道要本地配置nginx进行跨域访问,没想到这个任务一开始就这样难

收获:

Ajax的用法


返回列表 返回列表
评论

    分享到