【ajax】——问题式总结

AJAX,每次学习一个东西前都会有一大堆的问题,但之前都是在学之前,而这次学完之后依然有很多问题。一直说:AJAX直白的来说,没有用AJAX技术的网页,你点一个按钮就刷新一下页面,尽管新页面上只要一行字和当前页面不一样,但你还是要耗费时间等待页面刷新。而用了AJAX后,你点击,然后页面上的一行字就变化了,页面本身不用刷新。但是除此之外真的是一点都不明白了,说到底还是没有好好搞清楚其本质。

1、AJAX到底是什么?

ajax的全称是:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。异步传输+js+xml。

所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果我们可以再来处理这个事情。这个很重要,如果不是这样的话,我们点完按钮,页面就会死在那里,其他的数据请求不会往下走了。这这样比等待刷新似乎更加讨厌。虽然提供异步通讯功能的组件默认情况下都是异步的,但它们也提供了同步选项,如果你好奇把那个选项改为false的话,你的页面就会死在那里。

XML只是一种数据格式,在这件事里并不重要,我们在更新一行字的时候理论上来说不需要这个格式,但如果我们更新很多内容,那么格式化的数据可以帮我们更有条理的去实现更新。现在大部分人其实是用JSON这种格式来代替XML的,因为前者更加简洁,据说目前的解析速度也更快。

一句话总结:只要是JS调用异步通讯组件并使用格式化的数据来更新Web页面上的内容或操作过程,那么我们用的方法就可算是AJAX。

2、ajax与传统Web应用有何区别?

时间上:传统的web应用,当我们提交一个表单请求给服务器,服务器接受到请求之后,返回一个新的页面给浏览器,这种做法浪费了很多带宽,因为我们发送请求之前和获得新页面两者中很多的HTML代码是相同的,由于每次用户的交互都需要向服务器发送请求,应用的访问时间取决于服务器的返回时间。而我们使用ajax,只需要取回一些必要的数据,它使用SOAP,XML或者支持json的web service接口,我们在客户端利用JavaScript处理来自服务器的响应,这样客户端和服务器之间的数据交互就减少了,用户请求也就得到了加速。

技术核心上: ajax是多种技术的组合,包括我们的JavaScript异步数据获取技术,就是XMLHttpRequest以及XML以及Dom还有表现技术(也就是前端技术)HTML和CSS。Ajax的核心就是XMLHttpRequest是支持异步请求的技术,可以发送请求给服务器,并且不阻塞用户在IE浏览器中首次引用。

总结:还是要在实践中多去运用,去体会,才能更深刻的掌握

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 😃 https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...