AJAX

题目1: ajax 是什么?有什么作用?
AJAX的全称是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

ajax不是新的编程语言,而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。而传统的网页(不使用ajax)如果需要更新内容,必须重载整个网页面。

ajax的优点和作用:
1、最大的一点是页面无刷新,用户的体验非常好。
2、使用异步方式与服务器通信,具有更加迅速的响应能力。。
3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
5、ajax可使因特网应用程序更小、更快,更友好。

题目2: 前后端开发联调需要注意哪些事情?后端接口完成前如何 mock 数据?

  • 约定好请求方法
  • 请求路径(URL)
  • 前端需要传递什么样的参数(入参)
  • 数据格式(回参,包括可能的状态码)

mock 数据
可以通过 server-mock 来 mock数据
或者通过 easy-mock 来mock 数据

题目3:点击按钮,使用 ajax 获取数据,如何在数据到来之前防止重复点击?
一般在网速比较慢的时候,会发生这种情况,在数据没有到来之前重复点击会出现内容重复的现象。
解决:加个状态锁 来判断数据是否到来

image.png

题目4:实现加载更多的功能,效果范例429,后端在本地使用server-mock来模拟数据
https://github.com/JSxiaocainiao/demos/tree/master/loading

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,298评论 0 7
  • 题目1: ajax 是什么?有什么作用? AJAX全称为“Asynchronous JavaScript and ...
    ezrealor阅读 248评论 0 1
  • 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏...
    徐国军_plus阅读 382评论 0 4
  • ajax 是什么?有什么作用? AJAX的全称是Asynchronous JavaScript and XML(异...
    cross_王阅读 343评论 0 0
  • 来不及认真地年轻,待明白过来时,只能选择认真地老去。 世界上唯一不用努力就能得到的只有年龄 。...
    如风一样717阅读 157评论 0 0