web前端面试题附答案030-来,我给你更正一下你对ajax的理解

        ajax大家是怎么理解的?

 有多少人觉得自己整天发送的http请求,向服务端发送,加一些参数,加个url,服务端再给你返回一些数据,你开始做前端的事情,大家都怎么称呼这件事?

         Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScriptDOM, XML, XSLT, 以及最重要的XMLHttpRequest。 [3]  使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。大家都是这么理解的吗?

        很多人一说,我发的不是ajax,我早就不用jq的ajax了,我发的是fetch,我发的是axios,其实我特别想更正,但是想想算了吧。

        Ajax不是一门技术,也不是一门语言,他是多种技术的组合体,百度的解释基础上,其实我想补充一些,Ajax是Javascript css dom ....+ XMLHttpRequest / fetch /axios + Server response 的组合体。意思就是从你前端做准备拼json data,或者你利用form自身,再准备各种参数拼接url,再到你使用的这些传输方式,我把XMLHttpRequest / fetch /axios 称作为web交互传输方式,再到Server 处理完成做出response响应,整个这个过程,是AJAX。

   很多人把这个理解为ajax,所以他们早就不用ajax了

<script>
    $.ajax({
        url: '',
        data: {},
        dataType: '',
        success: fn,
        error: fn
    })
</script>

那么他们用什么呢,他们用fetch axios

<script>
    fetch(url, data).then((res) => {
    })

    // 或者是这种

    axios(url, data).then((res) => {
        res
    })
</script>

出现问题的原因是什么呢?

        因为jquery的web数据交互请求呢,就起了个名字,就是$.ajax,又因为jquery统治了很多年,所以现在好不容易很多人看着jq终于下台落幕了,开心的不行,也就觉得ajax就是过去式的web数据交互方式 了。

        还有意一类人呢,他不习惯说什么http请求,感觉说fetch axios更加的新潮,就像自己拥抱了web3.0一样,久而久之,越来越多的人觉得ajax就是一个小low low。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
以下是一些拼多多面试中可能会涉及到的前端面试题答案: 1. 说一下 CSS 盒模型? 答:CSS 盒模型是指在网页布局时,每个元素所占据的空间可以看做是一个矩形的盒子。盒模型包括内容区域(content)、内边距区域(padding)、边框区域(border)和外边距区域(margin)。 2. 什么是闭包? 答:闭包是指在函数内部定义的函数,它可以访问到它外部函数的变量和参数,即使外部函数已经执行完毕,闭包仍然可以访问到这些变量和参数。闭包在 JavaScript 中非常常见,比如在事件处理器、定时器、Ajax 请求等场景中都会用到。 3. 什么是跨域?如何解决跨域问题? 答:跨域是指在浏览器中,如果一个网页的脚本试图访问不同源(协议、域名、端口)的服务器资源,就会引发跨域问题。为了保证浏览器的安全性,浏览器会限制脚本访问不同源的资源。 解决跨域问题的方法有很多种,常用的方法包括: - JSONP:利用 <script> 标签可以跨域访问资源的特性,通过动态创建 <script> 标签,将需要获取的数据以参数的形式传递给服务器,服务器在返回时将数据包裹在一个函数调用中,从而实现跨域获取数据。 - CORS:CORS(Cross-Origin Resource Sharing)是一种基于 HTTP 头部的跨域解决方案,它允许服务器在响应头中设置 Access-Control-Allow-Origin 头部,表明哪些源可以访问该资源。 - 代理:通过在同源服务器上设置代理,在代理服务器上转发请求,从而实现跨域访问资源。 4. 如何实现一个简单的 Promise? 答: ```javascript function MyPromise(fn) { var self = this; self.value = null; self.error = null; self.onFulfilled = null; self.onRejected = null; function resolve(value) { setTimeout(function() { self.value = value; self.onFulfilled(self.value); }, 0); } function reject(error) { setTimeout(function() { self.error = error; self.onRejected(self.error); }, 0); } fn(resolve, reject); } MyPromise.prototype.then = function(onFulfilled, onRejected) { var self = this; self.onFulfilled = onFulfilled; self.onRejected = onRejected; }; ``` 5. 什么是事件冒泡和捕获?如何阻止事件冒泡? 答:事件冒泡和捕获是指在页面中,当一个元素触发了某个事件时,该事件会先从最外层的元素开始依次向下传递,直到触发该事件的元素为止,这个过程称为事件冒泡;相反,事件捕获是从最外层元素开始,依次向下寻找触发该事件的元素,这个过程称为事件捕获。 阻止事件冒泡的方法包括: - 使用 Event 对象的 stopPropagation() 方法,可以阻止事件继续向上传播。 - 在事件处理函数中,返回 false 可以阻止事件继续向上传播。 以上是一些常见的拼多多前端面试题答案,希望对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

经海路大白狗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值