ajax请求的五个步骤有哪些?与jsonp有何不同?

2020-04-25 09:12:36 java常见问答 7553

关注我们网站的,相信已经很熟悉ajax的相关知识了吧,今天跟着小编的步伐一起来复习ajax的相关知识,接下来让我们一起来了解下吧。

ajax = 异步 JavaScript 和 XML。

ajax是一种在无需重新加载整个网页的情况下,能够刷新部分网页的技术。我们都了解,在传统的网页如果需要刷新内容的时候,必须要新加载整个网页。然而Ajax的出现,使得使网可以实现异步刷新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行刷新。

注意:ajax本身不支持跨域请求,需要在服务器端处理。

工作原理:

ajax的技术核心是 XMLHttpRequest 对象。

ajax请求过程:创建XMLHttpRequest、连接服务器、发送请求、服务器做出响应、接收响应数据

ajax与jsonp两个有何区别?

从实现方式上来讲,ajax是通过创建XMLHttpRequest来获取同源的数据。而jsonp是通过<script>标签来调用服务器提供的js脚本。

ajax直接请求普通文件存在跨域无权限访问的问题;web的页面上调用js文件是不受跨域的影响;ajax直接请求普通文件存在跨域无权限访问的问题;web的页面上调用js文件是不受跨域的影响;可以判断现在想通过web跨域访问数据就只有一种可能,就是在远程服务器上把数据装进js格式的文件里面,供应客户调用和进一步处理;json纯字符格式可以简洁的描述复杂的数据,还被js原生支持;

web客户端通过与调用脚本一样的方式来调用跨域服务器上动态生成的js格式文件,服务器要动态生成json文件目的是要把客户端需要的数据装进去;客户端在对json文件调用成功后获得自己所需要的数据剩下就按照自己需求进行处理和展现,这种获取远程数据的方式与ajax相似;为了方便客户端使用数据慢慢形成非正式传输协议jsonp,对于ajax就会面临两个不可避免的问题,一是以何种格式来减缓数据;二是如何解决跨域问题,在当前的情况下,json作为数据交换,jsonp解决跨域问题,json是一种key/value形式的数据格式,jsonp是一种跨域数据交互协议。

以上就是ajax请求的五个步骤相关的常见问题,如果想要了解更多,请继续关注本网站常见问题专栏了解吧。