ajax

ajax 是什么?有什么作用?

AJAX即“Async JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术
作用:实现网页的异步加载,局部刷新网页。当在向服务器获取新数据时不需要刷新整个网页,提高用户体验。

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

1、 前后端开发联调需要注意事项:

  • 约定数据:有哪些需要传输的数据,数据类型是什么;
  • 约定接口:确定接口名称及请求和响应的格式,请求的参数名称、响应的数据格式;

2、 如何mock数据:

  • 可以根据接口文档,使用假数据来验证我们制作的页面响应和接口是否正常。
  • 可以用xampp进行模拟
  • 可使用server-mock

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

<script>
    //定义变量
    var .....
    //设置一个数据锁,默认值为 true
    var isLoading= true
    btn.addEventListener('click', function(e) {
        ......
        //设置数据锁,当值为 true 时继续执行代码,否则 return
        if (!isLoading) {
            return;
        }
        //将值设为 false,锁定按钮,在数据返回前的点击无效
        isLoading= false

        var xhr = new XMLHttpRequest()
        xhr.onreadystatechange = function() {
            ......
            //Ajax 部分
            }
            //收到返回数据,将值设为 true,允许继续点击请求数据
            isLoading= true
     })
</script>

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

代码地址

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

推荐阅读更多精彩内容

  • 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏...
    徐国军_plus阅读 382评论 0 4
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,278评论 0 7
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,482评论 25 708
  • 胡全红20171105周日 10月29-1105号七天总结 (人,事,物版本 1人 \和自己 今日的行有不得,...
    芮涵琪雪阅读 130评论 1 0
  • 今年中秋比去年还要更冷清了。 这是来厦门的第二年,这个沿海海滨城市总是湿热粘腻让人感觉闷闷的。不过这个时节晚间的厦...
    _遇见X阅读 231评论 0 0