ajax

一、问答题

1. ajax 是什么?有什么作用?

ajax是异步 JavaScript + XML的缩写,不过现在JSON使用的更多; 概括起来就一句话,AJAX通过原生的XMLHttpRequest对象发出HTTP请求,得到服务器返回的数据后,再进行处理;

2. 前后端开发联调需要注意哪些事情?后端接口完成前如何 mock 数据?(npm install -g server-mock)

需要注意的事情有:
1.约定前后端联调的时间。
2.约定双方需要传输的数据和接口,在接口文档中确定好参数的名称、格式等。
3.约定请求和响应的格式和内容。
MOCK数据的方法有:
1.自己模拟数据来进行MOCK;
2.使用server-mock或mock.js搭建模拟服务器,进行模拟测试;
3.使用XAMPP等工具,编写PHP文件来进行测试。

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

1.设置状态锁

var lock=0;//设置状态锁
oBtn.addEventListener("click",function () { 
     if (lock===0) { 
     lock=1;//关锁 
     //to do 执行代码 
     lock=0; //开锁 
}
})

2.限制一定的时间内重复提交

var oBtn=document.querySelector(".button");
var clockTime=null;
oBtn.addEventListener("click",function(){
  if(clockTime){
    clearTimeout(clockTime)
  }
  clockTime=setTimeout(function(){
    //to do
  },5000)

})
//5000毫秒内提交一次 重复点击重新计时

二、代码题

1.封装一个 ajax 函数,能通过如下方式调用

预览

2.实现如下加载更多的功能。

预览

3.实现注册表单验证功能

预览
所有的代码

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

相关阅读更多精彩内容

  • 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏...
    徐国军_plus阅读 439评论 0 4
  • 问答 1. ajax 是什么?有什么作用? Ajax是Asynchronous JavaScript and XM...
    Maggie_77阅读 435评论 0 0
  • 关键词:Ajax 1. Ajax 是什么?有什么作用? Ajax 全称“Asynchronous Javascri...
    NathanYangcn阅读 372评论 0 0
  • 1、ajax 是什么?有什么作用? ajax全称是Asynchrous JavaScript XML的缩写。作用:...
    饥人谷_阿靖阅读 279评论 0 0
  • 说明:3台机器10.10.73.225,10.10.73.186,10.10.73.2263个分片。每个分片一主一...
    aldren阅读 1,388评论 0 1

友情链接更多精彩内容