为什么我们在 XMLHttpRequest 中写 send() 之前要写 onload() 函数

2023-05-15前端开发问题
110

本文介绍了为什么我们在 XMLHttpRequest 中写 send() 之前要写 onload() 函数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

限时送ChatGPT账号..

我是 XMLHttpRequest 的新手.我不明白为什么我们要在 send() 函数之前编写 onload() 函数.onload() 函数处理我们收到的响应,然后 send() 函数向服务器发送请求.所以根据我的理解,onload() 必须在 send() 函数之后编写.有人可以帮助理解这一点.

I am new to XMLHttpRequest. I dont understand why do we write onload() function before send() function. onload() function process the response what we receive and send() function sends a request to server. So onload() has to be written after send() function as per my understanding. Can somebody help to understand this.

var xmlhttp = new XMLHttpRequest(),
  method = 'GET',
  url = 'https://developer.mozilla.org/';

xmlhttp.open(method, url, true);
xmlhttp.onload = function () {
  // Do something with the retrieved data
};
xmlhttp.send();

推荐答案

我不明白为什么我们要在 send() 函数之前写 onload() 函数.

I dont understand why do we write onload() function before send() function.

以便在发送请求之前加载处理程序,因为发送请求将导致调用处理程序(如果成功).

So that the load handler is in place before the request is sent, since sending the request will result in calling the handler (if successful).

onload() 函数处理我们收到的响应,send() 函数向服务器发送请求.所以根据我的理解,onload() 必须写在 send() 函数之后.

onload() function process the response what we receive and send() function sends a request to server. So onload() has to be written after send() function as per my understanding.

它在 send 被调用(由 XHR 基础架构)(或可能在其期间)之后被调用.当您将它分配给 onload 时,您并不是在 调用 它.您只是定义它,以便当 XHR 需要调用它时它就在那里.

It's called after send is called (by the XHR infrastructure) (or potentially during). When you assign it to onload, you're not calling it. You're just defining it so that it's there when XHR needs to call it.

会发生什么:

  1. 您创建 XHR.
  2. 您为其 load 事件注册一个处理程序(在您的情况下,通过将函数分配给 onload).
  3. 你调用 send.
  1. You create the XHR.
  2. You register a handler for its load event (in your case, by assigning a function to onload).
  3. You call send.
  1. 浏览器启动(并可能完成)请求

  • 当请求完成时,如果成功,浏览器的 XHR 处理会触发 load 事件.这会查找任何当前注册的 load 处理程序,并将对这些处理程序的调用(如果有)排队.这些调用会在主 JavaScript 线程可用于运行它们时立即运行.
  • When the request finishes, if it's successful, the browser's XHR handling triggers the load event. That looks for any currently-registered handlers for load and queues calls to those handlers, if any. Those calls are run as soon as the main JavaScript thread is available to run them.
  • 很多时候,你会以错误的方式逃脱惩罚,因为在请求完成时,你已经将 load 处理程序放在那里;但不是总是.load 是一个事件.如果可以立即满足请求(例如,从缓存中),浏览器可以send 期间触发 load,并查看是否有任何 load 处理程序 调用 send 期间,如果没有,则不对任何回调的调用进行排队.稍后当您附加处理程序时,该事件已经被触发(当没有附加处理程序时).

    Very often, you'd get away with doing it the wrong way around because by the time the request completes, you'll have put the load handler there; but not always. load is an event. If the request can be satisfied immediately (for instance, from cache), the browser could fire load during send, and look to see if there's any load handler during the call to send, and if there isn't, not queue a call to any callback. Later when you attach a handler, the event has already been fired (when none were attached).

    所以你必须在调用 send 之前附加处理程序.

    So you have to attach the handler before calling send.

    这篇关于为什么我们在 XMLHttpRequest 中写 send() 之前要写 onload() 函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

    The End

    相关推荐

    js删除数组中指定元素的5种方法
    在JavaScript中,我们有多种方法可以删除数组中的指定元素。以下给出了5种常见的方法并提供了相应的代码示例: 1.使用splice()方法: let array = [0, 1, 2, 3, 4, 5];let index = array.indexOf(2);if (index -1) { array.splice(index, 1);}// array = [0,...
    2024-11-22 前端开发问题
    182

    JavaScript小数运算出现多位的解决办法
    在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会...
    2024-10-18 前端开发问题
    301

    JavaScript(js)文件字符串中丢失"\"斜线的解决方法
    问题描述: 在javascript中引用js代码,然后导致反斜杠丢失,发现字符串中的所有\信息丢失。比如在js中引用input type=text onkeyup=value=value.replace(/[^\d]/g,) ,结果导致正则表达式中的\丢失。 问题原因: 该字符串含有\,javascript对字符串进行了转...
    2024-10-17 前端开发问题
    437

    layui中table列表 增加属性 edit="date",不生效怎么办?
    如果你想在 layui 的 table 列表中增加 edit=date 属性但不生效,可能是以下问题导致的: 1. 缺少日期组件的初始化 如果想在表格中使用日期组件,需要在页面中引入 layui 的日期组件,并初始化: script type="text/javascript" src="/layui/layui.js"/scrip...
    2024-06-11 前端开发问题
    455

    正则表达式([A-Za-z])为啥可以匹配字母加数字或特殊符号?
    问题描述: 我需要在我的应用程序中验证一个文本字段。它既不能包含数字,也不能包含特殊字符,所以我尝试了这个正则表达式:/[a-zA-Z]/匹配,问题是,当我在字符串的中间或结尾放入一个数字或特殊字符时,这个正则表达式依然可以匹配通过。 解决办法: 你应...
    2024-06-06 前端开发问题
    165

    Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript
    Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)...
    2024-04-20 前端开发问题
    5