• ajax高频面试问题总结


    一、什么是 aja?

    是一种异步请求数据的web开发技术,它可以在不提交整个页面的情况下,向服务器发送请求,实现页面的局部刷新

    目的:可以带来更好的用户体验,按需获取数据,节约带宽资源

    二、ajax的原理?

    首先举个例子:假如领导想让小王汇报一下工作,就委托秘书去叫小王,自己接着做其他事情,直到秘书告诉他小王已经到了,最后小王和领导汇报工作

    ajax请求数据流程与之类似,其中最核心的依赖是浏览器提供的XMLHttpRequest对象,它扮演的角色相当于秘书,使得浏览器可以发出请求和接收响应。浏览器接着做其他事情,等接收到XHR返回来的数据后再渲染页面

    三、ajax请求数据的过程?

    创建一个'XMLHttpRequest'异步调用对象

    创建一个新的HTTP请求,并指定请求的方法、URL及验证信息

    设置响应HTTP请求状态变化的函数

    发送HTTP请求

    获取异步调用返回的数据

    使用JavaScript和DOM实现局部刷新

    var xhr = new XMLHttpRequest();   // 初始化请求对象
    xhr.open("get/post", "路径", "true/false");   // 设置请求方式,请求地址 ,异步(true  默认的)和同步(false  强烈不推荐使用,已被弃用)
    xhr.send();
    xhr.onreadystatechange = function () {  //  2 = 加载完毕(loaded),请求已接收头信息;3 = 交互 ,请求处理中,已接收主体信息;4 = 完成(complete),响应已完成(返回响应结果:成功/重定向/不存在/服务器有问题)
           if (xhr.readyState == 4 && xhr.status == 200) {   // xhr.readyState:请求的状态;xhr.status:服务器返回的响应状态(成功 200,重定向 300,不存在 400,服务器有问题 500)
                var result = jsON.parse(xhr.responseText);
           }
     }

    四、ajax都有哪些优点和缺点?

    ajax的优点:

    最大的优点是页面无刷新,用户的体验非常好

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

    ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,减轻服务器和带宽的负担

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

    ajax的缺点

    ajax不支持浏览器back按钮

    安全问题 ,ajax暴露了与服务器交互的细节

    对搜索引擎的支持比较弱

    破坏了程序的异常机制

    五、http常见状态码有哪些?

    HTTP协议状态码表示的意思主要分为五类,大体是:

    1××:保留
    2××:表示请求成功地接收
    3××:为完成请求客户需进一步细化请求
    4××:客户错误
    5××:服务器错误

    六、ajax的几种请求方式以及优缺点?

    常见的请求方式: get post delete put

    https://www.51220.cn 51220网站目录

    get参数通过url传递,post放在request body中

    get方式发送数据时,参数数据队列在url中是可见的,post不可见

    get传输速率比较快,post比较慢

    get保密性低,post保密性高

    get传递的参数是有长度限制的,post没有

    get请求只能进行url编码,而post支持多种编码方式

    七、什么是同源策略以及跨域是什么?

    同源策略:防止 JavaScript 发起跨域请求,源被定义为协议、主机名和端口号的组合,下面这个图详细的解释了同源

    跨域:基于浏览器的同源策略,只有当协议、端口、和域名都相同的页面才具有相同的源。只要有一个不同,就产生跨域问题

    解决方法:

    jsonp,允许 script 加载第三方资源

    nginx反向代理(nginx 服务内部配置 Access-Control-Allow-Origin *)

    cors 前后端协作设置请求头部,Access-Control-Allow-Origin 等头部信息

    iframe 嵌套通讯,postmessage

  • 相关阅读:
    delphi与JAVA的webservice架构
    process执行DOS命令
    DELPHI+JAVA 之间使用WebService
    一步一步用delphi实现webservice
    集合接口
    再次郑重声明
    京东的crm做的不错,赞一个
    vs 2010 ClickOnce 发布设置界面,系统必选包中缺少 fx2.0 的解决方法
    使用vs2010生成clickonce安装引导程序的方法
    用 Axialis IconWorkshop 将ico图标转换成gif图标
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/15070858.html
Copyright © 2020-2023  润新知