AJAX

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

答:AJAX全称(Asynchronous JavaScript and XML)是指异步的JavaScript和XML。
AJAX是一种无须刷新页面就可以为页面中的某一部分加载数据的技术,数据通常以JSON的格式来进行传送,是一种创建快速动态网页的技术。
传统网页不使用AJAX如果要得到新的内容则必须刷新整个页面,但是使用AJAX就可以不刷新。
AJAX通过在后台与服务器进行少量的数据交换,可以使网页实现异步更新,从而节省用户的流量及时间,提高用户体验。


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

答:需要注意:1前后端约定好接口文档并指定负责人进行后续撰写和维护
2.约定好接口数据的类型json、XML还是text等。
3.约定好页面渲染用到的数据。
完成mock数据:1.使用server-mock或者mock.js等数据模拟工具。
2.自己搭建服务器,并使用后端语言PHP、Java去模拟数据。
3.使用XAMPP等工具,编写PHP文件来进行测试。

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

答:通过设置状态锁的方法来防止:

var isLoading = false
btn.addEventListener("click",function(){
    if(isLoading){
        return
}
    else{
           isloading = true
           //to do....
           isloading = false
    }
},false)

还可以使用:setTimeout让ajax请求在多少毫秒之后发出,中间只要点击就重新计时,以最后一次为准。

封装一个 ajax 函数,能通过如下方式调用
    function ajax(objs){
        var xhr = new XMLHttpRequest()
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200){
                console.log(xhr.readyState)
            }
            if(xhr.readyState == 4 && xhr.status == 404){
                console.log("Error")
            }
        }
        var dataSend=""
        for(var key in objs.data){
            dataSend += key + "="+objs.data[key] + "&"
        }
        dataSend = dataSend.substr(0,dataSend.length-1)
        if(objs.type.toLowerCase()=="get"){
            xhr.open("GET",objs.url+dataSend,false)
            xhr.send()
        }
        if(objs.type.toLowerCase()=="post"){
            xhr.open("POST",objs.url,false)
            xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded")
            xhr.send(dataSend)
        }
    }
2.实现如下加载更多的功能。

代码
新浪云实在搞不定呀

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

代码

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

推荐阅读更多精彩内容

  • 浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏...
    徐国军_plus阅读 388评论 0 4
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,928评论 25 709
  • 关键词:Ajax 1. Ajax 是什么?有什么作用? Ajax 全称“Asynchronous Javascri...
    NathanYangcn阅读 326评论 0 0
  • 1、 ajax 是什么?有什么作用? 含义:AJAX = Asynchronous JavaScript and ...
    zh_yang阅读 329评论 0 0
  • 距离中考还有20天时间,最后冲刺阶段的复习至关重要,但如果不得要领,眉毛胡子一把抓,不仅得不到预期效果,还可能影响...
    032d6846533c阅读 925评论 0 4