美文网首页
前端面试,AJAX知识

前端面试,AJAX知识

作者: 做个大树吧 | 来源:发表于2018-07-12 21:12 被阅读0次

    1、什么是AJAX,为什么要使用Ajax?

    AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。ajax应用撑许的优势在于:(1)通过异步模式,提升了用户体验。(2) 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用。(3)Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

    2、AJAX最大的特点是什么。

    Ajax可以实现动态不刷新(局部刷新),是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。

    3.AJAX技术体系的组成部分有哪些。

    HTML,css,dom,xml,xmlHttpRequest,javascript。

    4.简要的说明Ajax的操作步骤?

    (1)创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。

    (2)使用xmlhttprequest对象的open()和send()方法发送资源请求给服务器。

    (3)使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。

    (4)onreadystatechange函数,当发送请求到服务器,我们想要服务器响应执行一些功能就需要使用onreadystatechange函数,每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数。onreadystatechange属性存储一个当readyState发生改变时自动被调用的函数。readyState属性,XMLHttpRequest对象的状态,改变从0到4,0代表请求未被初始化,1代表服务器连接成功,2请求被服务器接收,3处理请求,4请求完成并且响应准备。status属性,200表示成功响应,404表示页面不存在。在onreadystatechange事件中,服务器响应准备的时候发生,当readyState==4和status==200的时候服务器响应准备。

    5.一个完整的HTTP请求,有几个步骤,分别是?

    (1)建立TCP连接

    (2)web浏览器向web服务器发送请求命令

    (3)web浏览器发送请求头信息

    (4)web服务器应答

    (5)web服务器发送应答头信息

    (6)web服务器向浏览器发送数据

    (7)web服务器关闭TCP连接

    6.一个完整的实例

    function creatXMLHttpRequest(){

    var xmlhttp;

    if(window.XMLHttpRequest){

        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

        xmlhttp=new XMLHttpRequest();

    }

    else{

        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

      return xmlhttp;

    }

    var xmlhttp=new creatXMLHttpRequest();

    xmlhttp.onreadystatechange=function(){

        if(xmlhttp.readystate==4 && xmlhttp.status==200){

            document.getElementsByTagName(div).innerHTml=xmlhttp.responseText;

        }

    }

    xmlhttp.open("post","url",true);

    xmlhttp.sent();

    更详细的实例:https://www.cnblogs.com/liushuncheng/p/6901570.html

    6. jQuery中的ajax API

    jQuery - AJAX load() 方法是简单但强大的 AJAX 方法,load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

    语法$("selector").load(url,data,callback);必需的 URL 参数规定您希望加载的 URL,可选的 data 参数规定与请求一同发送的查询字符串键/值对集合,可选的 callback 参数是 load() 方法完成后所执行的函数名称。

    相关文章

      网友评论

          本文标题:前端面试,AJAX知识

          本文链接:https://www.haomeiwen.com/subject/cxrrpftx.html