AJAX篇

85 阅读3分钟

Ajax 是什么? 如何创建一个Ajax?

ajax的全称:Asyncchronous Javascript And XML

所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后续操作,与此同时,页面是不会发生整页刷新的,提高了用户体验

1)创建XMLHttpRequest对象,也就是创建一个异步调用对象 

            (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息 

            (3)设置响应HTTP请求状态变化的函数 

            (4)发送HTTP请求 

            (5)获取异步调用返回的数据 

            (6)使用JavaScript和DOM实现局部刷新 

            ajax是一种创建交互式网页的计算

GET 和 POST 的区别,何时使用POST?

GET:一般用于信息获取,使用URL传递参数,对所发送的数量也有限制,一般在2000个字符。 POST:一般用于修改服务器上的资源,对所发送的信息没有限制。

AJAX的请求方式?

GET:GET是http的默认请求方式, 一般用来获取数据。

HEAD:HEAD方法与GET方法一样,都是向服务器发出指定资源的请求。但是,服务器在响应HEAD请求时不会回传资源的内容部分,即:响应主体。这样,我们可以不传输全部内容的情况下,就可以获取服务器的响应头信息。HEAD方法常被用于客户端查看服务器的性能。

POST:POST请求会向指定资源提交数据,请求服务器进行处理。如:表单提交、文件上传。

PUT:PUT请求会身向指定资源位置上传其最新内容,通过该方法客户端可以将指定资源的最新数据传送给服务器取代指定的资源的内容。

DELETE:DELETE请求用于请求服务器删除所请求URI所标识的资源。DELETE请求后指定资源会被删除。

TRACE:返回接受到的请求,用来查看数据经过中间服务器时发生了哪些变动。

OPTIONS:OPTIONS请求与HEAD类似,一般也是用于客户端查看服务器的性能。 这个方法会请求服务器返回该资源所支持的所有HTTP请求方法,该方法会用'*'来代替资源名称,向服务器发送OPTIONS请求,可以测试服务器功能是否正常。JavaScript的XMLHttpRequest对象进行CORS跨域资源共享时,就是使用OPTIONS方法发送嗅探请求,以判断是否有对指定资源的访问权限。

CONNECT:要求使用SSL和TLS进行TCP通信。

PATCH:请求修改局部数据

Cookielocalstoragesession storage的区别

Cookie技术浏览器兼容性好,但操作比较复杂,需要程序员自己封装,源生的Cookie接口不友好,   存储的内容较小, cookie的数据会随着ajax的请求发送到服务端,一般情况主要用在用户登录的时候我们可以通过在 Cookie 中存入一段辨别用户身份的数据,用于后台判断。

WebStorage则不能超过8MB,操作简单;可以代替一些cookie的工作,一般主要是用于存储一些本地数据,购物车数据之类的在安全方面的话,都不安全,一般就是对数据进行一些简单的加密,如base64编码,加密约定之类的东西localstorage、sessionstorage一个是长期存储,一个是会话存储