首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当使用XMLHttpRequest从函数调用时,函数按预期工作,但当使用EventSource从函数调用时,函数失败。为什么会这样呢?

当使用XMLHttpRequest从函数调用时,函数按预期工作,但当使用EventSource从函数调用时,函数失败的原因可能是由于以下几个方面引起的。

  1. 浏览器兼容性问题:XMLHttpRequest是比较早期的Web API,因此在大多数主流浏览器中都得到了很好的支持。而EventSource是HTML5新增的API,部分旧版本的浏览器可能不支持或支持有限,特别是在移动端或旧版本的IE浏览器上。因此,如果使用EventSource的话,需要确保目标浏览器对该API有良好的支持。
  2. 服务器配置问题:EventSource使用HTTP长轮询来实现服务器与客户端之间的实时通信。在使用EventSource时,服务器需要支持HTTP长轮询,并且要正确地发送适当的HTTP响应头,例如Content-Type字段需要设置为text/event-stream。如果服务器未正确配置或不支持HTTP长轮询,那么EventSource将无法正常工作。
  3. 跨域访问限制:在使用EventSource进行跨域通信时,需要确保服务器允许跨域访问。这可以通过设置服务器响应头中的Access-Control-Allow-Origin字段来实现。如果服务器未正确设置跨域访问的相关响应头,浏览器会拒绝EventSource的请求,导致函数失败。

总结来说,当使用XMLHttpRequest时,可能没有遇到以上问题,因为XMLHttpRequest是较为成熟和通用的通信方式。而当使用EventSource时,需要考虑浏览器兼容性、服务器配置和跨域访问限制等因素,以确保函数能够成功执行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript 异步编程

浏览器定义了非同步的 Web APIs,将回函数插入到事件循环,实现异步任务的非阻塞执行。...异步回 异步回函数作为参数传递给在后台执行的其他函数后台运行的代码结束,就调用回函数,通知工作已经完成。...因为回的控制权在第三方(如 Ajax),由第三方来调用回函数,无法确定调用是否符合预期。 多层嵌套回产生回地狱(callback hell)。 2....和事件监听的主要差别在于: 一个 Promise 只能成功或失败一次,一旦状态改变,就无法成功切换到失败,反之亦然。...Worker 在使用 XMLHttpRequest 进行网络 I/O 时,XMLHttpRequest 的 responseXML 和 channel 属性返回 null。

98000

ajax 使用 与 缓存问题

Post方式: 使用POST方式时,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多...jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时,如 "myurl?callback=?"...为正确的函数名,以执行回函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回函数。...complete Function 请求完成后回函数 (请求成功或失败时均调用)。参数: XMLHttpRequest 对象,成功信息字符串。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回函数

2.3K20
  • 【JS】239-浅析JavaScript异步

    (●ˇ∀ˇ●) 同步 同步逐行执行代码,会对后续代码造成阻塞,直至代码接收到预期的结果之后,才会继续向下执行。...但是在 JavaScript中,你感觉按钮下去的时候卡了一下,然后看到一个最终结果 999999,而没有中间过程,这就是因为在 updateSync函数运行过程中 UI更新被阻塞,只有当它结束退出后才会更新...突然有个疑问,既然如此为什么 JavaScript没有使用多线程作业?就此就去 Google了一下 JavaScript多线程,在 HTML5推出之后是提供了多线程只是比较局限。...就我而言我想这也就说明了为什么 JavaScript没有使用异步编程的原因吧。 异步与回 回调到底属于异步么?会想起刚刚开始学习 JavaScript的时候常常吧这两个概念混合在一起。...它能保证回函数在屏幕每一次的刷新间隔中只被执行一次,这样就不会引起丢帧现象,也不会导致动画出现卡顿的问题。

    83020

    【JS】368- 浅析JavaScript异步

    (●ˇ∀ˇ●) 同步 同步逐行执行代码,会对后续代码造成阻塞,直至代码接收到预期的结果之后,才会继续向下执行。...但是在 JavaScript中,你感觉按钮下去的时候卡了一下,然后看到一个最终结果 999999,而没有中间过程,这就是因为在 updateSync函数运行过程中 UI更新被阻塞,只有当它结束退出后才会更新...突然有个疑问,既然如此为什么 JavaScript没有使用多线程作业?就此就去 Google了一下 JavaScript多线程,在 HTML5推出之后是提供了多线程只是比较局限。...就我而言我想这也就说明了为什么 JavaScript没有使用异步编程的原因吧。 异步与回 回调到底属于异步么?会想起刚刚开始学习 JavaScript的时候常常吧这两个概念混合在一起。...它能保证回函数在屏幕每一次的刷新间隔中只被执行一次,这样就不会引起丢帧现象,也不会导致动画出现卡顿的问题。

    76330

    浏览器工作原理 - 页面循环系统

    请求数据的执行过程: 创建 XMLHttpRequest 对象 为 xhr 对象注册回函数 因为网络请求比较耗时,所以注册回函数,等任务执行完成后调用回通知结果 XMLHttpRequest...,浏览器针对 HTTPS 混合内容显示警告,虽然警告大部分可以加载,可用 但是,如果使用 XMLHttpRequest 请求时,浏览器认为这种请求可能是攻击者发起会阻止此类危险请求 宏任务和微任务...微任务 异步回主要有两种: 把异步回函数封装成一个宏任务,添加到消息队列尾部,循环系统执行到该任务的时候执行回函数,像 setTimeout 和 XMLHttpRequest 都是通过这种方式实现的...早期页面并没有提供监听的支持,方案是使用轮询监测。直到 2000 年,有了 Mutation Event,它采用了观察者的设计模式, DOM 有变动时,立刻触发相应事件,这种方式属于同步回。...导致: 嵌套调用,下面的任务依赖上个任务的请求结果,并在上个任务的回函数内部执行新的业务逻辑,导致可读性变差 任务的不确定性,执行每个任务都可能失败或成功,需要在每个任务进行两种预判,对每个任务进行一次额外的错误处理

    67750

    京东前端高频面试题合集

    预处理器支持我们写一种类似 CSS、实际并不是 CSS 的语言,然后把它编译成 CSS 代码: 那为什么写 CSS 代码写得好好的,偏偏要转去写“类 CSS”?...预处理器普遍具备这样的特性:嵌套代码的能力,通过嵌套来反映不同 css 属性之间的层级关系 ;支持定义 css 变量;提供计算函数;允许对代码片段进行 extend 和 mixin;支持循环语句的使用...一个 XMLHttpRequest 对象一共有 5 个状态,它的状态变化时会触发onreadystatechange 事件,可以通过设置监听函数,来处理请求成功后的结果。...,说出设计思路这个问题相信很多人第一时间想到 Promise.all ,但是这个函数有一个局限在于如果失败一次就返回了,直接这样实现会有点问题,需要变通下。...)2、Promise对象接受一个回函数作为参数, 该回函数接受两个参数,分别是成功时的回resolve和失败时的回reject;另外resolve的参数除了正常值以外, 还可能是一个Promise

    50320

    你真的了解回?

    ,然而当面试时,让你举例出哪些异步回时,好像除了回答一个Ajax,貌似就再也难以举例了的,本文让你认识不一样的回,文若有误导地方,欢迎路过的老师多提意见和指正 开始 如果你想了解如何使用node...程序不是顶部到底部读取代码,而是异步程序可以根据先前的功能(如http请求或文件系统读取)发生的顺序和速度,在不同的时间执行不同的功能 由于确定一个函数是否为异步,区别可能让人困惑,这取决于上下文。...函数被调用时,它立即将数字加1,所以我们可以预期,在我们调用函数后,数字应该是2.这是对同步代码的期望 - 它从头到尾依次运行 但是,Node主要使用异步代码。...addOne被调用时,它会启动一个readFile,然后继续下一个准备执行的事情。...只有函数可以被调用,所以如果你传入除函数以外的任何东西,它将会导致错误 一个函数被javascript调用时,该函数中的代码将立即执行。

    87730

    模拟实现 Promise(小白版)

    ,通过构造函数参数来控制异步状态 Promise 的状态变化有两种,成功或失败,状态一旦变更结束,就不会再改变,后续所有注册的回都能接收此状态,同时异步执行结果会通过参数传递给回函数 使用示例 var...,如果中间某个 then 传入的回调处理不能友好的处理回工作(比如传递给 then 非函数类型参数),那么这个工作继续往下传递给下个 then 注册的回函数 Promise 有一个 catch 方法...Promise(task) 时,传入的 task 函数就会马上被执行了,传给 then 的回函数作为微任务放入队列中等待执行(通俗理解,就是降低优先级,延迟执行,不知道怎么模拟微任务的话,可以使用...这两个处理状态变更工作函数 这里有一点需要注意,是不是 resolve 一调用,Promise 的状态就一定发生变化了?...答案不是的,网上看了些这类文章,他们的处理是 resolve 调用,状态就变化,就去处理回队列了 实际上,这样是错的 状态的变更,其实依赖于 resolve 调用时,传递过去的参数的类型,因为这里可以传递任意类型的值

    1.4K20

    34 - Promise 简介​

    为了解决回函数的弊端,引入了 promise,它俩之间的关键区别是什么时候使用,我们可以向函数中传递一个回,然后等到执行回函数后可以得到结果。...Promise 和 回函数当在异步操作中使用时,都是为了解决相同的问题;Promise 加了一层抽象使得代码更整洁、函数化以及更少的错误发生; 2....异步任务还在执行的时候,promise 处在 pending 状态。一旦完成它将返回值(通常是异步任务返回的)。...我们使用 setTimeout 来模拟耗时 2s 的异步任务; 5. 2s 后 或异步任务完成,我们将得到成功的信息或后端返回的数据。...Reject 有时候异步任务并不总是预期返回,我们可能遇到错误。这种情况下,我们使用 reject 来提示失败信息。

    23820

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    complete(XHR, TS) 类型:Function 请求完成后回函数 (请求成功或失败之后均调用)。 参数: XMLHttpRequest 对象和一个描述请求类型的字符串。...比如指定一个 DOM 元素作为 context 参数,这样就设置了 success 回函数的上下文为这个 DOM 元素。...这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回函数名。...complete 请求完成之后调用这个函数,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。...如果指定了 script 或者 jsonp 类型,那么服务器接收到数据时,实际上是用了 标签而不是 XMLHttpRequest 对象。

    14.5K30

    【JS】2030- 通过可视化彻底搞懂 Promise执行逻辑

    正文从这开始~~ JavaScript 中的 Promise 一开始可能让人感到有些难以理解,但是如果我们能够理解其内部的工作原理,就会发现它们其实是非常易于掌握的。...new Promise((resolve, reject) => { // TODO(Lydia): Some async stuff here }); Promise 构造函数被调用时,...但是,使用函数来改变对象内部属性有什么特别的?...这些任务在未来某个未知的时间点完成时,我们可以使用此类异步操作通常提供的回功能,要么使用异步任务返回的数据进行 resolve,要么在发生错误时进行 reject。...promise 被设计为与异步操作一起工作这些异步操作可以来自不同的来源,如定时器或网络请求。 在定时器和构造函数调用栈中弹出后,引擎遇到了 then。

    20410

    一劳永逸地搞懂 JavaScript中‘this’

    而箭头函数?他们是直接的。他们他们的周围抓住 this 的值,并坚持使用它。无论他们去哪里或如何被使用。...并坚持使用它的原始 this。 所以,箭头还是不箭头? 箭头函数就像你拥有的那个最喜欢的工具 —— 超级有用,但不适合每一项工作。当你想保持 this不变时,尤其是在回中,它们是非常有价值的。...这不会预期工作。 }); 在这个设置中,this 不指向我们的按钮。它可能指向窗口或另一个外部范围,导致出现意外的结果。...这不会预期工作。 } }; person.greet(); // 输出:Hello, undefined 动态方法:当你动态地添加方法到一个对象时,确保你知道this引用的是什么。...如果我们这样做: const purring = cat.purr; purring(); // Oops! 这不会预期工作

    12610

    jquery中ajax参数详解

    complete(XHR, TS) 类型:Function 请求完成后回函数 (请求成功或失败之后均调用)。 参数: XMLHttpRequest 对象和一个描述请求类型的字符串。...比如指定一个 DOM 元素作为 context 参数,这样就设置了 success 回函数的上下文为这个 DOM 元素。...这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回函数名。...complete 请求完成之后调用这个函数,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。...如果指定了 script 或者 jsonp 类型,那么服务器接收到数据时,实际上是用了 标签而不是 XMLHttpRequest 对象。

    2.1K30

    Promise

    }); (5)promise.catch(function(error) {}):用来注册promise对象状态变为Rejected时的回函数;是 promise.then(undefined,...同步调用和异步调用同时存在导致的混乱 这个问题的本质是接收回函数函数根据具体的执行情况,可以选择是以同步还是异步的方式对回函数进行调用。在开发中经常出现!!...输出:2 -> 1 出现上述两种情况,往往导致程序不能预期执行。...如果对异步回函数进行同步调用的话,处理顺序可能会与预期不符,可能带来意料之外的后果。 对异步回函数进行同步调用,还可能导致栈溢出或异常处理错乱等问题。...如果想在将来某时刻调用异步回函数的话,可以使用 setTimeout 等异步API。

    1.4K51
    领券