为什么我的javascript ajax代码为XMLHttpRequest GET响应返回undefined？-在Node.js中运行 - 腾讯云开发者社区

文章/答案/技术大牛

发布

axios + ajax 面试题总结

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。.../adapter/http'); } return adapter; } 上面几行代码，可以看出：XMLHttpRequest 是一个 API，它为客户端提供了在客户端和服务器之间传输数据的功能...Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。...AJAX应用和传统Web应用有什么不同在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端...在一般的web开发中，javascript是在浏览器端执行的，我们可以用javascript控制浏览器的行为和内容。

2.9K3 0

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习包括Ajax学习与理解和简化版自己实现jQuery等这篇文章只算是我的个人学习笔记,内容没有精心排版...所有代码都在这里,从历史commit可以看到所有代码,摆阔一个简易的node.js服务器所有代码在历史commit里(AjaxStudy---github) 1JS设置任意请求一个http请求分为四个部分...XMLHttpRequest.setRequestHeader() 另外需要注意的是,如果设置西请求方法为get 并且设置了请求体(第四部分),在谷歌浏览器中看不到请求体,不报错但是不显示示例代码:...3 客户端/服务器模型客户端使用js设置请求的四个部分, 服务器用nodejs也可以设置响应的四个部分 ? ? 为什么要三次握手? 三次握手: A:我能连你了吗?...,在ajax函数中传了一个successFN,failFn函数作为参数,但是执行的时候是在别的地方执行的(在request.onreadystatechange里) if(request.readyState

3.3K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

axios面试题总结

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。...基于 promise 的异步 ajax 请求库，支持promise所有的API 2. 浏览器端/node 端都可以使用，浏览器中创建XMLHttpRequests 3. 支持请求／响应拦截器 4....(): 是否是一个取消请求的错误 axios.all(promises): 用于批量执行多个异步请求 axios.spread(): 用来指定接收所有成功数据的回调函数的方法 axios为什么既能在浏览器环境运行又能在服务器...axios在浏览器端使用XMLHttpRequest对象发送ajax请求；在node环境使用http对象发送ajax请求。.../adapter/http'); } return adapter; } 上面几行代码，可以看出：XMLHttpRequest 是一个 API，它为客户端提供了在客户端和服务器之间传输数据的功能

9452 0

【JS】239-浅析JavaScript异步

之前说过 JavaScript是单线程作业，但是并不代表浏览器就是单线程的。在 JavaScript引擎中负责解析和执行 JavaScript代码的线程只有一个。...这种情况下就需要异步编程模式，目的就是把代码的运行打散或者让 IO调用（例如 AJAX）在后台运行，让界面更新和事件处理能够及时地运行。...会给编程作业带来很大的负担。就我而言我想这也就说明了为什么 JavaScript没有使用异步编程的原因吧。异步与回调回调到底属于异步么？...在 JavaScript中，回调函数具体的定义为：函数 A作为参数(函数引用)传递到另一个函数 B中，并且这个函数 B执行函数 A。我们就说函数 A叫做回调函数。...setTimeout的延迟时间为0，这个hack经常被用到，settimeout调用的函数其实就是一个callback的体现链式调用：链式调用的时候，在赋值器(setter)方法中(或者本身没有返回值的方法中

1.2K2 0

【JS】368- 浅析JavaScript异步

1K3 0

对ajax的理解面试题_javascript面试题大全

当时在门口背了好久的网络知识点，一时竟然说不吃话，只记得什么异步通信，同步数据，面试官的笑让我不寒而栗…………今天整体的整理一遍Ajax的知识点吧。...Ajax 的全称是Asynchronous JavaScript and XML（异步的JavaScript 和 XML），其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式...同步的话，必须这个操作完了才会执行下一步，在等待期间浏览器会挂起不能执行任何接下来的js代码；异步则是【告诉】浏览器去做，【告诉】是一瞬间的事情，然后就继续执行下一步了，等到结果返回来了，浏览器会通知js...要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。...="GET" && method!="POST"){ alert("HTTP的请求方法必须为GET或POST!!!")

6494 0

脚本化HTTP 取得响应指定请求

下面是旧的ajax方式使用iframe完成一次ajax，脚本先把要发送给web服务器的信息编码到url中，服务器在动态的创建一个html文档，将其内容返回给web，在iframe中显示，这种方式受道同源的限制...即这种的跨域可以不受到同源的限制 ajax中的x ajax中的x为xml为一种可选的通信方式，也可以使用JSON完成通信。...正在请求的URL 一个可选的请求头集合，其中可能包含身份验证信息一个可选的请求主题 HTTP返回的响应一个数字和文字组合成的状态码，如404（表示不存在）一个响应头集合响应主体为什么本地不能直接使用...ajax 在本地写js的时候，必须搭建一个服务器其AJAX才能工作原因：因为文件的协议为file而本地的请求的协议为http，由于同源策略的影响，导致无法使用http协议的文件，故本地无法直接使用ajax...指定请求指定请求使用的是request.open()，此方法将会初始化一个请求从js代码中调用。

2K4 0

Ajax技术详解（上）

在原生ajax代码中，第一个if判断的条件为什么要写成window.XMLHttpRequest而不是直接写成XMLHttpRequest呢？...JSONP的理念就是，与服务端约定好了一个回调函数名，服务端接收到请求后，将返回一段Javascript，在这段Javascript代码中调用约定好的回调函数，并且将数据作为参数进行传递。...优点：不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制；兼容性更好，在更古老的浏览器中都可以运行。...,与服务端约定好了一个回调函数名,服务端接收到请求后,将返回一段Javascript, // 在这段Javascript代码中调用约定好的回掉函数,并且将数据作为参数进行传递. // 当网页接收到这段Javascript...，将返回一段Javascript，在这段Javascript代码中调用约定好的回调函数，并且将数据作为参数进行传递。

2.4K2 0

AJAX技术入门「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。 AJAX：Asynchronous Javascript And XML，所以说，AJAX就是指异步的JavaScript和XML。...AJAX的核心是JavaScript和XMLHttpRequest，XMLHttpRequest使用户通过JavaScript向服务器提出请求并处理响应。...创建XMLHttpRequest对象的步骤： 1.建立XMLHttpRequest对象 2.注册回调函数 3.使用open方法设置和服务器端交互的基本信息 4.设置发送的数据，开始和服务器端交互 5.在回调函数中判断交互是否结束...，响应是否正确，并根据需要获取服务器端返回的数据，更新页面内容具体代码： function...("UserName").value; //3.设置和服务器端交互的相应参数 //使用get方式异步交互 xmlhttp.open("GET", "AJAX?

6401 0

php与Ajax实例

[AJAX执行原理] 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。...如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。...要完成它，你可以向 XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。...='undefined') { ajax = new XMLHttpRequest(); } return ajax; } 你也许会说，这个代码因为要调用XMLHTTP组件，是不是只有IE浏览器能使...异步回调（伪Ajax方式）一般情况下，使用Get、Post方式的Ajax我们都能够解决目前问题，只是应用复杂程度，当然，在开发中我们也许会碰到无法使用Ajax的时候，但是我们又需要模拟Ajax的效果，

4.1K1 0

javascript基础重点

1.在javascript中使用 == 比较，会自动转换数据类型再比较，有时候会得到非常诡异的结果；一般情况下使用 === 比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，...要小心了，由于JavaScript引擎在行末自动添加分号的机制，上面的代码实际上变成了： function foo() { return; // 自动添加了分号，相当于return undefined...Canvas绘制不同的层，而不是在一个Canvas中绘制非常复杂的图；背景图片如果不变可以直接用标签并放到最底层 22....事件的触发总是用户操作引发的，如果用代码去通过改变一些东西意图去触发事件，这是达不到目的的 23.在浏览器中有些javascript代码只有在用户触发下才能执行，例如 window.open() 24....就不会起作用 25.涉及到异步代码，无法在掉用时捕获异常，原因是在绑定事件的代码处，无法捕获事件处理函数的错误 26.underscore函数库 node.js 27.

1.2K2 0

AJAX--XMLHttpRequest五步使用法

传统浏览方式和AJAX方式的不同多数Web应用程序都使用请求/响应模型从服务器上获得完整的HTML页面。...而AJAX是一种创建交互式网页的网页开发技术，其中XMLHttpRequest是核心的内容，它能够为页面中的javascript脚本提供特定的通信方式，从而使页面的javascript脚本和服务器之间形成动态交互的效果...，XMLHTTPRequest的最大的优点是页面内的javascript脚本可以不用刷新页面，而直接和服务器发生交互。...("name=" + userName); 5、更新界面在回调函数中判断交互是否结束，响应是否正确，并根据需要获取服务器返回的数据，并更新页面 array.push...//表示和服务器端的交互已经完成 if(xmlhttp.status == 200){ //表示服务器的是响应代码是200，正确返回了数据 var

6952 0

Ajax,jQuery ajax,axios和fetch介绍、区别以及优缺点

这只是一个区别介绍「Ajax」全称Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest...「Jquery Ajax」是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...同样也是基于[Promise]对象的。特性：从浏览器中创建 XMLHttpRequests、从 node.js 创建 http 请求、支持 Promise API、拦截请求和响应等。...1-2 处理响应 W3C规范定义了XMLHttpRequest对象的几种类型的响应属性。这些属性告诉客户端关于XMLHttpRequest返回状态的重要信息。...需要指出的是，这个请求是真正抵达过后台的，所以我们可以使用这种方法来进行信息上报，在我们之前的image.src方法中多出了一种选择，另外，我们在network中可以看到这个请求后台设置跨域头之后的实际返回

3.1K6 2

前端面试ajax考点汇总_javascript常见面试题

2、为什么要用ajax： Ajax应用程序的优势在于：通过异步模式，提升了用户体验优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作...该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。...在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。...在一般的web开发中，javascript是在浏览器端执行的，我们可以用javascript控制浏览器的行为和内容。...属性服务器的响应，表示为一个串 reponseXML 属性服务器的响应，表示为XML status 服务器的HTTP状态码，200对应ok 400对应not found 11、什么是XML

5.5K3 0

经典的20道AJAX面试题

Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 2、AJAX最大的特点是什么。...该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。...在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。...在一般的web开发中，javascript是在浏览器端执行的，我们可以用javascript控制浏览器的行为和内容。...属性服务器的响应，表示为一个串 reponseXML 属性服务器的响应，表示为XML status 服务器的HTTP状态码，200对应ok 400对应not found 12、什么是XML

2K1 0

AJAX和JSON

作为一个前端开发者，你必须先了解 XMLHttpRequest XMLHttpRequest XMLHttpRequest一种支持异步请求的技术，它是Ajax的核心可以向服务器提出请求并处理响应，而不阻塞用户.../server/slider.json", true) GET与POST的区别与POST相比，GET 更简单也更快，并且在大部分情况下都能用，然而，在以下情况中，必须使用POST请求: 无法使用缓存文件...HTTP请求状态变化的函数在收到响应后相应数据会填充到XHR对象的属性，有四个相关属性会被填充： responseText——从服务器进程返回数据的字符串形式 responseXML———从服务器进程返回的...DOM兼容的文档数据对象 status——从服务器返回的数字代码，如 404(未找到) 、200(已就绪) status Text——伴随状态码的字符串信息 // 响应XMLHttpRequest对象状态变化的函数...，且不能使用NaN和Infinity 说明：JSON不支持JavaScript中的特殊值undefined 对象对象作为一种复杂数据类型，表示的是一组有序的键值对儿，而每个键值对儿中的值可以是简单值，

3.5K2 0

Ajax面试题_世界十道经典面试题

Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 2、AJAX最大的特点是什么。...该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。...在传统的Javascript编程中，如果想得到服务器端数据库或文件上的信息，或者发送客户端信息到服务器，需要建立一个HTML form然后GET或者POST数据到服务器端。...在一般的web开发中，javascript是在浏览器端执行的，我们可以用javascript控制浏览器的行为和内容。...responseText 属性服务器的响应，表示为一个串 reponseXML 属性服务器的响应，表示为XML status 服务器的HTTP状态码，200对应ok 400对应not

4.1K2 0

Java学习笔记-全栈-web开发-10-Ajax&JSON&Axios

Ajax 1.1 简介 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX = 异步 JavaScript 和 XML。...当你在百度搜索栏中输入一些内容后，下面就出现一些候选相关选项，这就是ajax实现的：没有重载页面，但是更新了数据 1.2 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX...1.2.3 获取响应数据通过request.responseText获取 1.3 案例（GET） 1.3.1 html页面 form表单不通过action发送请求，而是通过提交触发js代码，在js中发送异步请求...跟GET差不多，区别就在于需要设置content-type请求头在send发送参数，而不是拼接在url后面 1.4.1 js中的ajax ?...特性：从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求支持 Promise API 拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据

2.1K2 0

OpenHarmony实战开发——网络组件axios可以在OpenHarmony上使用了

于是一种新的技术，异步网络请求Ajax(Asynchronous JavaScript and XML)随之产生，它能与后台服务器进行少量数据交换，使网页实现异步更新。...然而由于浏览器中原生的XMLHttpRequest API较难使用，于是又有了更多用于实现ajax的javascript框架，比如我们熟悉的jQuery、Dojo、YUI等等。...，有以下特点：● 从浏览器中创建 XMLHttpRequests● 从 node.js 创建 http 请求● 支持 Promise API● 拦截请求和响应● 转换请求数据和响应数据● 取消请求● 自动转换...axios的拦截器作用非常大。axios的拦截器分为请求拦截器跟响应拦截器，都是可以设置多个请求或者响应拦截。每个拦截器都可以设置两个拦截函数，一个为成功拦截，一个为失败拦截。...在调用axios.request()之后，请求的配置会先进入请求拦截器中，正常可以一直执行成功拦截函数，如果有异常会进入失败拦截函数，并不会发起请求；调起请求响应返回后，会根据响应信息进入响应成功拦截函数或者响应失败拦截函数

7782 0

Ajax请求的五个步骤

代码中的参数解释如下所示: method：该参数用于指定HTTP的请求方法，一共有get、post、head、put、delete五种方法，常用的方法为get和post。...： xmlHttpRequest.open("get","ajax.htm",true); 注意：如果HTML文件放在Web服务器上，在Netscape浏览器中的JavaScript安全机制不允许与本机之外的主机进行通信...XML形式输出 } 注意：如果HTML文件不是在Web服务器上运行，而是在本地运行，则xmlHttpRequest.status的返回值为0。...6、局部更新在通过Ajax的异步调用获得服务器端数据之后，可以使用JavaScript或DOM来将网页中的数据进行局部更新。...解决办法：复制该段代码在菜鸟驿站的编辑器中粘贴运行即可。点击运行前页面显示为：点击运行后页面显示为：好啦，关于ajax的部分到此就全部学习完成了，给自己点一个大大的赞吧！

5.1K4 1

点击加载更多

axios + ajax 面试题总结

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数

axios面试题总结

【JS】239-浅析JavaScript异步

【JS】368- 浅析JavaScript异步

对ajax的理解面试题_javascript面试题大全

脚本化HTTP 取得响应指定请求

Ajax技术详解（上）

AJAX技术入门「建议收藏」

php与Ajax实例

javascript基础重点

AJAX--XMLHttpRequest五步使用法

Ajax,jQuery ajax,axios和fetch介绍、区别以及优缺点

前端面试ajax考点汇总_javascript常见面试题

经典的20道AJAX面试题

AJAX和JSON

Ajax面试题_世界十道经典面试题

Java学习笔记-全栈-web开发-10-Ajax&JSON&Axios

OpenHarmony实战开发——网络组件axios可以在OpenHarmony上使用了

Ajax请求的五个步骤

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐