美文网首页
数据交互Ajax相关知识

数据交互Ajax相关知识

作者: joe_qh | 来源:发表于2017-11-12 23:53 被阅读0次

数据交互:

1.http协议

2.form

3.ajax——官方、不能跨域            单向

4.jsonp——民间、跨域      不推荐

5.websocket——双向

------------------------------------------------------------------------------

http://www.ietf.org/rfc/rfc2616.txt

http协议——协议

1.无状态

2.请求过程:发送连接请求、响应接受、发送请求

3.消息分两块:头、身子

------------------------------------------------------------------------------

http缓存:

1.野路子——随机数

2.官方——3个头

------------------------------------------------------------------------------

htttp和https

------------------------------------------------------------------------------

http 1.0            短连接

http 1.1      主流  长连接——keep alive

http 2.0

------------------------------------------------------------------------------

WebSocket

------------------------------------------------------------------------------

form最重要

1.action——提交到哪儿

2.method——GET/POST/PUT/DELETE/HEAD

GET    把数据放在url里面传输        数据量很小、缓存、看得见        <=32K

POST    放在body里                  数据量大、不会缓存、看不见      <=1G

GET——获取东西

POST、PUT——发送东西      大量发送

DELETE——删除

HEAD——让服务器只发送头回来就行(不需要内容)

3.name——名字

4.enctype

application/x-www-form-urlencoded            名字=值&名字=值&...        默认、小数据

multipart/form-data                          分块                      文件上传、大数据

------------------------------------------------------------------------------

ajax原理、jsonp原理

WebSocket

------------------------------------------------------------------------------

ajax原理——XMLHttpRequest

XMLHttpRequest——IE6

ajax好:用户体验、性能高

------------------------------------------------------------------------------

GET  url  版本

------------------------------------------------------------------------------

异步——好

同步——简单

------------------------------------------------------------------------------

on ready state change      当通信状态改变

当 准备  状态  改变

readyState

0  初始状态      xhr对象刚创建完

1  连接          连接到服务器

2  发送请求      刚刚send完

3  接收完成      头接收完了

4  接收完成      体接收完了

------------------------------------------------------------------------------

status——http状态码

1xx    消息

2xx    成功

3xx    重定向

▪ 301 Moved Permanently      永久重定向——下回不会再找他了

▪ 302 Move temporarily        临时重定向——下回依然会请求服务器

▪ 304 Not Modified            缓存

4xx    请求错误

5xx    服务端错误

6xx+    自定义

------------------------------------------------------------------------------

相关文章

  • 数据交互Ajax相关知识

    数据交互: 1.http协议 2.form 3.ajax——官方、不能跨域 单向 4.jsonp——民...

  • Ajax 函数封装

    ajax 是前端数据交互的重要知识,想做好数据交互就一定要对ajax深入理解.并且熟练运用.在这里,封装一下aja...

  • 登录页记住账号密码js+localstrage+ajax

    包含数据交互ajax

  • ajax的写法与注意事项

    -------------------ajax: 数据交互---------------------- 表单for...

  • vue起步(2)之数据交互

    vue中的交互(ajax,jsonp) vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,但是...

  • 原生js开发AJAX数据分页缓存模块

    效果知识点:原生Js实现ajax数据交互、数据分页技术原理剖析,前端数据缓存, H5domAPI应用, 职业化前端...

  • ajax

    1. ajax交互流程: ajax数据交互流程 1、创建一个ajax对象2、填写请求地址3、发送请求4、等待服务器...

  • ajax使用

    ajax是什么: ajax简单的说就是做数据交互使用的。 Ajax的原理简单来说通过XmlHttpRequest对...

  • ajax的运用

    交互 form 提交: ajax: jquery的ajax: ajax做交互

  • ajax的封装与不同框架的使用

    ajax是什么?ajax简单的说就是做数据交互使用的。Ajax的原理简单来说通过XmlHttpRequest对象来...

网友评论

      本文标题:数据交互Ajax相关知识

      本文链接:https://www.haomeiwen.com/subject/zshamxtx.html