ajax实践

http://www.w3school.com.cn/ajax/index.asp
状态码

题目1: ajax 是什么?有什么作用?

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

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

  • 前后端开发联调需要注意事项:
    - 约定数据:有哪些需要传输的数据,数据类型是什么;
    - 约定接口:确定接口名称及请求和响应的格式,请求的参数名称、响应的
    - 数据格式:根据这些约定整理成接口文档
  • 后端接口完成前如何mock数据:
    - 安装nodejs => npm安装server-mock。
    - 按约定的数据类型,编写路由文件(router.js)及模板文件(user.ejs)
    - 在本地使用server-mock来模拟数据。

题目3:点击按钮,使用 ajax 获取数据,如何在数据到来之前防止重复点击?

 var flag = false // 初始为false
    btn.addEventListener("click", function () {
        if (flag){ 
             return // 如果为true,直接退出
        } 
        ajax(xxx, function () { //否则进入AJAX操作
            //...
            flag = true //将flag设为true,此时如有click操作,直接return
        })
       flag = false // 完毕后,将flag设为false
    })
    function ajax() {}

题目4:实现加载更多的功能,后端在本地使用server-mock来模拟数据

代码

loadmore.gif
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1- 关于 ajax 及其作用 Ajax是Asynchronous JavaScript and XML的缩写。...
    osborne阅读 3,517评论 0 0
  • ajax 是什么?有什么作用? AJAX的全称是Asynchronous JavaScript and XML(异...
    cross_王阅读 2,675评论 0 0
  • 题目1: ajax 是什么?有什么作用? ajax全称Asynchronous Javascript And XM...
    漂于行阅读 2,953评论 0 1
  • 1、 ajax 是什么?有什么作用? ajax(Asynchronous JavaScript and XML 异...
    不是我的简书阅读 2,256评论 0 0
  • 天际绽开的花 转瞬即逝 眼前滞留的光与影 鼻翼残留的硫磺味 都在还原那份美 那份耀眼...
    阳光倾城温暖了谁的世界阅读 1,427评论 0 0

友情链接更多精彩内容