美文网首页
关于Ajax

关于Ajax

作者: 开心糖果的夏天 | 来源:发表于2017-08-09 11:37 被阅读47次

Ajax是异步的javascript和xml Ajax的交互使用的是浏览器的XMLHttpRequest,通过新建XMLHttpRequest,给出请求url,指明请求方式和数据及数据类型,得到局部响应,更改页面。

同步是必须等待,这个请求如果没有执行结束,那么就会形成阻塞;异步是发出请求后,仍可以做其他的事,结果返回时接收响应。

Ajax技术核心就是XMLHttpRequest对象。
Ajax技术的工作原理:可以分成3步
1.创建Ajax对象:var xhr = new XMLHttpRequest();
2.xhr 发送请求:xhr.open('get','test.html','true');
xhr.send();
3.xhr获取响应:

                          xhr.onreadystatechange = function(){
                                   if(xhr.readystate == 4){//请求的状态码
                                                       /*
                                                                   0:请求还没有建立(open执行前)
                                                                   1:请求建立了还没发送(执行了open)
                                                                    2:请求正式发送(执行了send)
                                                                   3:请求已受理,有部分数据可以用,但还没有处理完成
                                                                 4:请求完全处理完成
                                                           */
                                         alert(xhr.responseText);//返回的数据
                                     }
                             }

一、简述Ajax的工作原理。

通过XMLHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后用JavaScript来操作DOM,从而更新页面。这其中最关键的就是从服务器获得请求数据。

二、Ajax的交互流程是什么?

(1)启动获取XMLHttpRequest对象。
(2)open打开URL通道,并设置异步传输。
(3)发送数据到服务器。
(4)服务器接收数据并处理,处理完成后返回结果。
(5)客户端接收服务器端返回。

三、HTTP的请求过程:

HTTP是一种无状态的协议。(即不建立持久的连接,也就是服务端不保留连接的信息)
(1)建立TCP连接。
(2)Web浏览器向Web服务器发送请求命令。
(3)Web浏览器发送请求头信息。
(4)Web服务器应答。
(5)Web服务器发送应答头信息。
(6)Web服务器向浏览器发送数据。
(7)Web服务器关闭TCP连接。

四、HTTP响应的组成:

(1)一个数字和文字组成的状态吗,用来显示请求是成功还是失败
(2)响应头:响应头和请求头一样包含许多有用的信息,例如:服务器类型、日期时间、内容类型和长度等
(3)响应体:即响应正文

五、GET与POST

GET(获取、查询):

一般用于信息获取,http请求的默认方法
get请求比较安全,一般用来信息查询而不是修改信息
get发送的信息对任何人可见,因为它是用URL传递参数的
对所发送信息的数量也有限制,一般在2000个字符

POST(新建、修改):

一般用于修改服务器上的资源
发送的信息嵌在HTTP请求的请求体中(发送的信息对其他人不可见)
对所发送信息的数量无限制

相关文章

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • 2018-12-03 ajax原理及实现方式

    Ajax工作原理及实例 1、关于ajax的名字 ajax 的全称是Asynchronous JavaScript ...

  • JavaScript-ajax实践

    小练习: 题目1: ajax 是什么?有什么作用? 关于ajax AJAX即“Asynchronous JavaS...

  • Ajax实现登陆验证

    关于jquery与Ajax jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法,能...

  • ajax实践总结

    1- 关于 ajax 及其作用 Ajax是Asynchronous JavaScript and XML的缩写。...

  • 【python】爬虫:Ajax动态渲染以及Ajax数据爬取

    ? 关于 Ajax 【简介?】:Ajax,即异步的 JavaScript XML。(全称为 Asynchrono...

  • AJAX的使用

    1、关于ajax的名字 ajax的全称是Asynchronous JavaScript and XML,其中,As...

  • ajax小结

    在开发过程中ajax是必须的,对近期在ajax的使用上的心得进行总结。 一、关于ajax AJAX = Async...

  • Ajax Axios

    关于Ajax兼容性问题 前端原生Ajax(get方式),后端使用node.js 前后端代码: 前端原生Ajax(p...

  • 关于ajax

    Ajax是什么Ajax(Asynchronous JavaScript + XML)即异步JavaScript +...

网友评论

      本文标题:关于Ajax

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