前端技术分享-码匠 极客编程技术分享

您当前位于:HTML5面试题 ——> WEB前端面试真题 - 什么是AJAX,AJAX的原理以及实现步骤是什么

WEB前端面试真题 - 什么是AJAX,AJAX的原理以及实现步骤是什么

2015/04/27 13:46:56 | 作者:HTML5学堂(码匠) | 分类:HTML5面试题 | 关键词:WEB前端,面试题,AJAX,AJAX原理

什么是AJAX,AJAX原理,AJAX步骤

HTML5学堂:AJAX涉及到前后台数据交互,对AJAX,首先需要能够用专业的语言描述AJAX,之后对于其基本原理进行阐述,注意“异步加载”“局部刷新”等专业词汇。最后既然讲解到了AJAX的步骤,除了对基本步骤进行描述之外,很建议将基本代码书写出来,毕竟公司需要的人并不能仅会理论,还应当有基本的实践水平。另外,如果你的知识含量很高,那就把AJAX的兼容等各种知识回答出来~必定是加分的~~~

1、面试题的种类

AJAX

2、面试题考核的知识点

AJAX定义的理解,原理,步骤

3、面试题注意点

首先了解AJAX的基本概念的理解,叙述AJAX的基本原理及步骤

4、面试题的参考答案

AJAX(Asynchronous JavaScript and XML)就是JS通过一个网址去加载数据,这个过程通常是用户不可见的。

原理:

AJAX的原理简单来说通过XMLHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理,我们必须对 XMLHttpRequest有所了解。

XMLHttpRequest是AJAX的核心机制,它是在IE5中首先引入的,是一种支持异步请求的技术。简单的说,也就是JavaScript可以及时向服务器提出请求和处理响应,而不阻塞用户。达到无刷新的效果。

欢迎沟通交流~HTML5学堂

步骤:

  1. var xhr = new XMLHttpRequest();
  2. xhr.open("GET",url,true);
  3. xhr.send(data);
  4. xhr.onload = function(){
  5.     alert(xhr.responseText);
  6. };

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端