美文网首页
前端面试,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知识

    1、什么是AJAX,为什么要使用Ajax? AJAX是“Asynchronous JavaScript and X...

  • 2019-02-27问题(三)

    题目来源:python常见面试题——网络编程和前端部分 题目: 1. AJAX是什么,如何使用AJAX? ...

  • 前端知识点总结——AJAX

    前端知识点总结——Ajax 1.ajax 2.HTTP协议 2.1请求头 2.2响应(response)消息 2....

  • 5分钟学会Ajax基本用法

    引言: 有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在我讲带着...

  • 如何理解ajax以及ajax框架

    以下是个人理解,一般公司前端面试的时候都会或多或少提到ajax的问题,所以在此总结一下。 AJAX即“Asynch...

  • ajax验证账户密码

    ajax基础知识 验证流程: 阻止submit的默认事件,前端添加error变化状态 后端将前端提交的信息进行处理...

  • es6 promise ajax 请求实例运用代码

    出处 2018前端面试总结,看完弄懂,工资少说加3K - 掘金 ---- es6 promise ajax 源码

  • FLASK AJAX前后端数据交互

    基础知识 POST GET AJAX前端传送和接收 Flask后端接收处理和返回

  • 前端面试资料收集

    vue相关知识 前端面试题+前端学习+面试指南 剖析Vue原理&实现双向绑定MVVM 详解 JavaScript的...

  • 前端知识个人总结链接

    各类全总结 常用全总结 链接 全栈练习 链接 前端面试知识总结 链接 工作其它知识学习 链接 前端优化 前端优化 ...

网友评论

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

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