精华内容
下载资源
问答
  • Ajax面试题

    2014-06-07 15:53:12
    Ajax面试题.doc
  • AJAX面试题

    2012-08-15 16:29:30
    ajax面试题集中介绍了企业在面试过程中常问的ajax相关的问题
  • ajax面试题

    2019-07-02 09:42:00
    AJAX面试问题  下面列出了常见的AJAX面试问题和答案。 1、什么是AJAX?  AJAX代表异步JavaScript和XML。它是一组用于异步显示数据的相关技术。换句话说,它在不重新加载网页的情况下发送和检索数据。 2、...

    转载自:https://www.w3cschool.cn/ajax/ajax-3jvp31ue.html

    AJAX面试问题


     下面列出了常见的AJAX面试问题和答案。

    1、什么是AJAX?

     AJAX代表异步JavaScript和XML。它是一组用于异步显示数据的相关技术。换句话说,它在不重新加载网页的情况下发送和检索数据。

    2、AJAX有哪些优点?

    • 快速回复
    • 带宽利用率
    • 在从服务器检索数据之前,不会阻止用户。
    • 它允许我们只将重要数据发送到服务器。
    • 它使应用程序具有交互性和更快速。

    3、AJAX有哪些缺点?

    • 取决于JavaScript
    • 安全问题
    • 调试很困难

    4、目前市场上运行的AJAX的真实Web应用程序是什么?

    • 推特
    • Facebook
    • Gmail
    • Javatpoint
    • Youtube

    5、AJAX有哪些安全问题?

    • AJAX源代码是可读的
    • 攻击者可以将脚本插入系统

    6、同步和异步请求有什么区别?

     同步请求会阻止用户,直到检索到响应,而异步不会阻止用户。

    7、AJAX使用了哪些技术?

    • HTML / XHTML和CSS - 这些技术用于显示内容和样式。
    • DOM - 用于动态显示和与数据交互。
    • XML - 用于与服务器之间传送数据
    • XMLHttpRequest - 用于客户端和服务器之间的异步通信。
    • JavaScript - 主要用于客户端验证。

    8、XMLHttpRequest的目的是什么?

    • 它将后台数据发送到服务器。
    • 它从服务器请求数据。
    • 它从服务器接收数据。
    • 它在不重新加载页面的情况下更新数据。

    9、XMLHttpRequest的属性是什么?

    下面给出了XMLHttpRequest对象的重要属性。

    • onReadyStateChange - 只要readystate属性发生变化,就会调用它。
    • readyState - 表示请求的状态。
    • responseText - 它将响应作为文本返回。
    • responseXML - 它以XML格式返回响应。
    • status - 返回请求的状态编号。
    • statusText - 返回状态的详细信息。

    10、XMLHttpRequest的重要方法是什么?

    • abort() - 用于取消当前请求。
    • getAllResponseHeaders() - 返回标题详细信息。
    • getResponseHeader() - 返回特定的标题详细信息。
    • open() - 用于打开请求。
    • send() - 用于发送请求。
    • setRequestHeader() - 它添加了请求标头。

    11、XMLHttpRequest使用的open()方法有哪些类型?

    • open(method,URL) - 它打开指定get或post方法和URL的请求。
    • open(method,URL,async) - 它与上面相同但是指定异步或不指定。
    • open(method,URL,async,userName,password) - 与上面相同,但指定用户名和密码。

    12、XMLHttpRequest使用的send()方法有哪些类型?

    • send() - 它发送get请求
    • send(string) - 发送帖子请求。

    13、回调函数在AJAX中的作用是什么?

     回调函数将函数作为参数传递给另一个函数。如果我们必须在网站上执行各种AJAX任务,那么我们可以创建一个用于执行XMLHttpRequest的函数和一个用于执行每个AJAX任务的回调函数。

    14、AJAX中的JSON是什么?

     JSON代表JavaScript Object Notation。在AJAX中,它用于在浏览器和服务器之间交换数据。它很容易理解,数据交换比XML快。它支持数组,对象,字符串,数字和值。

    request.onreadystatechange   =  function (){    
          if(request.readyState  == 4)    
          {    
            var  jsonObj  =  JSON .parse(request.responseText); // JSON.parse()返回JSON对象    
            的document.getElementById( “日期”).innerHTML  =   jsonObj .date;    
            的document.getElementById( “时间”).innerHTML  =  jsonObj 。时间;    
          }    
       } 

    15、调试AJAX应用程序的工具有哪些?

     有几种用于调试AJAX应用程序的工具。

    • 适用于Mozilla Firefox的Firebug
    • 适用于IE的Fiddler(Internet Explorer)
    • JavaScript HTML调试器
    • MyEclipse AJAX工具
    • 脚本调试器

    16、AJAX中的回发类型有哪些?

     在AJAX中有两种类型的回发。

    • 同步回发 - 它会阻止客户端直到操作完成。
    • 异步回发 - 它不会阻止客户端。

    17、AJAX中请求的准备状态有哪些?

     在AJAX中有5个请求的就绪状态。

    • 0:意味着未被发现
    • 1:表示已打开
    • 2:表示HEADERS_RECEIVED
    • 3:表示装载
    • 4:表示完成

    18、常见的AJAX框架是什么?

    • Dojo Toolkit
    • YUI
    • Google Web Toolkit(GWT)
    • Spry
    • MooTools
    • Prototype

    19、你如何测试AJAX代码?

     JUnit是客户端JavaScript的开源单元测试框架。需要创建测试用例。单元测试用例是一个代码,用于确保程序逻辑按预期工作。

    20、JavaScript和AJAX有什么区别?

    JavaScriptAJAX
    JavaScript是一种基于对象的脚本语言。 AJAX是一组相互关联的技术,如JavaScript,XML,HTML,CSS等
    它请求服务器并等待响应。 它向服务器发送请求,不等待响应。
    重新加载页面时会占用更多带宽。 它不会重新加载页面,因此占用的带宽更少。

    转载于:https://www.cnblogs.com/SanBu-WuGui/p/11118595.html

    展开全文
  • ajax 面试题

    2019-10-21 17:01:37
    1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识) 什么是ajaxAJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。 Ajax包含下列技术: 基于web标准...

    1、什么是AJAX,为什么要使用Ajax(请谈一下你对Ajax的认识)

    什么是ajax:

    AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。

    Ajax包含下列技术:

    基于web标准(standards-basedpresentation)XHTML+CSS的表示;

    使用 DOM(Document ObjectModel)进行动态显示及交互;

    使用 XML 和 XSLT 进行数据交换及相关操作;

    使用 XMLHttpRequest 进行异步数据查询、检索;

    使用 JavaScript 将所有的东西绑定在一起。

    2、为什么要用ajax:

    Ajax应用程序的优势在于:

    1. 通过异步模式,提升了用户体验

    2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用

    3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

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

    Ajax可以实现动态不刷新(局部刷新)

    就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。

    3、请介绍一下XMLhttprequest对象。

    Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。

    4、AJAX技术体系的组成部分有哪些。

    HTML,css,dom,xml,xmlHttpRequest,javascript

    5、AJAX应用和传统Web应用有什么不同。

    在传统的Javascript编程中,如果想得到服务器端数据库或文件上的信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据到服务器端。用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求,页面重新加载。

    因为服务器每次都会返回一个新的页面, 所以传统的web应用有可能很慢而且用户交互不友好。

    使用AJAX技术, 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。

    通过HTTP Request, 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面),展示给用户的还是通一个页面,用户感觉页面刷新,也看不到到Javascript后台进行的发送请求和接受响应。

    6、AJAX请求总共有多少种CALLBACK。

    Ajax请求总共有八种Callback

    onSuccess
    onFailure
    onUninitialized
    onLoading
    onLoaded
    onInteractive
    onComplete
    onException

    7.Ajax和javascript的区别。

    javascript是一种在浏览器端执行的脚本语言,Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript。

    Javascript是由网景公司开发的一种脚本语言,它和sun公司的java语言是没有任何关系的,它们相似的名称只是一种行销策略。

    在一般的web开发中,javascript是在浏览器端执行的,我们可以用javascript控制浏览器的行为和内容。

    在 Ajax应用中信息是如何在浏览器和服务器之间传递的

    通过XML数据或者字符串

    8、在浏览器端如何得到服务器端响应的XML数据。

    XMLHttpRequest对象的responseXMl属性

    9、 XMLHttpRequest对象在IE和Firefox中创建方式有没有不同。

    有,IE中通过new ActiveXObject()得到,Firefox中通过newXMLHttpRequest()得到

    10、介绍一下XMLHttpRequest对象的常用方法和属性。

    open(“method”,”URL”) 建立对服务器的调用,第一个参数是HTTP请求 方式可以为GET,POST或任何服务器所支持的您想调用的方式。

    第二个参数是请求页面的URL。

    send()方法,发送具体请求

    abort()方法,停止当前请求

    readyState属性 请求的状态 有5个可取值0=未初始化 ,1=正在加载
    2=以加载,3=交互中,4=完成

    responseText 属性 服务器的响应,表示为一个串

    reponseXML 属性 服务器的响应,表示为XML

    status 服务器的HTTP状态码,200对应ok 400对应not found

    12、什么是XML

    XML是扩展标记语言,能够用一系列简单的标记描述数据

    13、XML的解析方式

    常用的用dom解析和sax解析。dom解析是一次性读取xml文件并将其构造为DOM对象供程序使用,优点是操作方便,但是比较耗内存。Sax是按事件驱动的方式解析的,占用内存少,但是编程复杂

    14、你采用的是什么框架(架包)

    这题是必问的,一般也是最开始就会问到。

    在java中比较流行的有 dojo, Prototype , JQuery, Dwr, extjs 等等

    15、如果熟悉某种ajax框架,他可能会问到怎样在程序中使用这种框架

    DWR框架介绍

    DWR(DirectWeb Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).

    DWR的实现原理是通过反射,将java翻译成javascript,然后利用回调机制,从而实现了javascript调用Java代码

    16、介绍一下Prototype的()()函数,F()函数,$A()函数都是什么作用

    $() 方法是在DOM中使用过于频繁的document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。

    $F()函数是另一个大收欢迎的“快捷键”,它能用于返回任何表单输入控件的值,比如textbox,drop-down list。这个方法也能用元素id或元素本身做为参数。

    $A()函数能把它接收到的单个的参数转换成一个Array对象。

    17、介绍一下XMLHttpRequest对象

    通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。

    AJAX开始流行始于Google在2005年使用的”Google Suggest”。

    “Google Suggest”就是使用XMLHttpRequest对象来创建动态的Web接口:

    当用户开始输入google的搜索框,Javascript发送用户输入的字符到服务器,然后服务器返回一个建议列表。

    XMLHttpRequest对象在IE5.0+, Safari 1.2, Mozilla1.0/Firefox, Opera 8+ 和NetScapt7 开始被支持。

    18、AJAX的全称是什么? 介绍一下AJAX?

    AJAX的全称是Asynchronous JavaScript And XML.

    AJAX是2005年由Google发起并流行起来的编程方法, AJAX不是一个新的编程语言,但是它是一个使用已有标准的新的编程技术。

    使用AJAX可以创建更好,更快,更用户界面友好的Web应用。

    AJAX技术基于Javascript和HTTP Request.

    19、Ajax主要包含了哪些技术?

    Ajax(Asynchronous JavaScript + XML)的定义

    基于web标准(standards-based presentation)XHTML+CSS的表示;

    使用 DOM(Document Object Model)进行动态显示及交互;

    使用 XML 和 XSLT 进行数据交换及相关操作;

    使用XMLHttpRequest 进行异步数据查询、检索;
    使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to

    Web Applications)。

    类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。

    AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。

    20、AJAX都有哪些优点和缺点?

    1、最大的一点是页面无刷新,用户的体验非常好。

    2、使用异步方式与服务器通信,具有更加迅速的响应能力。

    3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。

    4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

    ajax的缺点

    1、ajax不支持浏览器back按钮。

    2、安全问题 AJAX暴露了与服务器交互的细节。

    3、对搜索引擎的支持比较弱。

    4、破坏了程序的异常机制。

    5、不容易调试。

    以上所述是小编给大家介绍的经典的20道AJAX面试题(必知必会),希望对大家有所帮助。

    原文链接:http://blog.csdn.net/chow__zh/article/details/9149811

    你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

    新的改变

    我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

    1. 全新的界面设计 ,将会带来全新的写作体验;
    2. 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
    3. 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
    4. 全新的 KaTeX数学公式 语法;
    5. 增加了支持甘特图的mermaid语法1 功能;
    6. 增加了 多屏幕编辑 Markdown文章功能;
    7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
    8. 增加了 检查列表 功能。

    功能快捷键

    撤销:Ctrl/Command + Z
    重做:Ctrl/Command + Y
    加粗:Ctrl/Command + B
    斜体:Ctrl/Command + I
    标题:Ctrl/Command + Shift + H
    无序列表:Ctrl/Command + Shift + U
    有序列表:Ctrl/Command + Shift + O
    检查列表:Ctrl/Command + Shift + C
    插入代码:Ctrl/Command + Shift + K
    插入链接:Ctrl/Command + Shift + L
    插入图片:Ctrl/Command + Shift + G
    查找:Ctrl/Command + F
    替换:Ctrl/Command + G

    合理的创建标题,有助于目录的生成

    直接输入1次#,并按下space后,将生成1级标题。
    输入2次#,并按下space后,将生成2级标题。
    以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

    如何改变文本的样式

    强调文本 强调文本

    加粗文本 加粗文本

    标记文本

    删除文本

    引用文本

    H2O is是液体。

    210 运算结果是 1024.

    插入链接与图片

    链接: link.

    图片: Alt

    带尺寸的图片: Alt

    居中的图片: Alt

    居中并且带尺寸的图片: Alt

    当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。

    如何插入一段漂亮的代码片

    博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

    // An highlighted block
    var foo = 'bar';
    

    生成一个适合你的列表

    • 项目
      • 项目
        • 项目
    1. 项目1
    2. 项目2
    3. 项目3
    • 计划任务
    • 完成任务

    创建一个表格

    一个简单的表格是这么创建的:

    项目 Value
    电脑 $1600
    手机 $12
    导管 $1

    设定内容居中、居左、居右

    使用:---------:居中
    使用:----------居左
    使用----------:居右

    第一列 第二列 第三列
    第一列文本居中 第二列文本居右 第三列文本居左

    SmartyPants

    SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

    TYPE ASCII HTML
    Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
    Quotes "Isn't this fun?" “Isn’t this fun?”
    Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

    创建一个自定义列表

    Markdown
    Text-to-HTML conversion tool
    Authors
    John
    Luke

    如何创建一个注脚

    一个具有注脚的文本。2

    注释也是必不可少的

    Markdown将文本转换为 HTML

    KaTeX数学公式

    您可以使用渲染LaTeX数学表达式 KaTeX:

    Gamma公式展示 Γ(n)=(n1)!nN\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N 是通过欧拉积分

    Γ(z)=0tz1etdt. \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

    你可以找到更多关于的信息 LaTeX 数学表达式here.

    新的甘特图功能,丰富你的文章

    Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid
    • 关于 甘特图 语法,参考 这儿,

    UML 图表

    可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图:

    张三李四王五你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间,文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五

    这将产生一个流程图。:

    链接
    长方形
    圆角长方形
    菱形
    • 关于 Mermaid 语法,参考 这儿,

    FLowchart流程图

    我们依旧会支持flowchart的流程图:

    Created with Raphaël 2.2.0开始我的操作确认?结束yesno
    • 关于 Flowchart流程图 语法,参考 这儿.

    导出与导入

    导出

    如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

    导入

    如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
    继续你的创作。


    1. mermaid语法说明 ↩︎

    2. 注脚的解释 ↩︎

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,480
精华内容 592
关键字:

ajax面试题