ajax

ajax用来请求后端数据的,用到ajax就要有后端数据,就要有后端,最好将ajax也放在服务器环境中使用
1. ajax的概念和特点
    1.1:前后端交互的重要手段
        - a:异步
        - j:js
        - a:和
        - x:服务端的数据,xml,json,记事本,php
    :1.2:异步的js和服务端的数据(不是一个技术,一组技术的合集)
        - 载体:连接前后端的桥梁:XHR对象(XMLHttpRequest)
        - 异步的js:事件,不是鼠标键盘事件,XML对象身上的加载事件
        - 服务器端的数据
        - 其他js:数据的处理的js功能
  1.3优缺点:
   - 无刷新加载新数据
        - 在不中断浏览器其他任务的情况下,加载数据
        - 局部刷新
        - 提升页面的加载速度
        - 因为页面没有刷新,所以不会产生历史记录,破坏了浏览器的前进后退功能
        - 不利于SEO
2. ajax的使用
  2.1.创建载体:var xhr = new XMLHttpRequest();
       2.2.开启请求:xhr.open("get","http://localhost/ws2005/ajax/data/data.txt",true);
       2.3.监听状态:
    xhr.onreadystatechange = function(){
        if(xhr.readyState === 4 && xhr.status === 200){
            console.log(xhr.responseText);
        }
    }
       2.4.发送信息:xhr.send();

ajax

上一篇:css面试题汇总 (持续更新)


下一篇:WPD:Page Download Time Breakdown选项详解