JavaScript等待AJAX，然后再继续
是指在前端开发中，当需要通过AJAX（Asynchronous JavaScript and XML）异步请求获取数据时，需要等待数据返回后再执行后续操作。
AJAX是一种在不重新加载整个页面的情况下，通过后台与服务器进行数据交互的技术。在JavaScript中，可以使用AJAX来发送HTTP请求，获取服务器返回的数据，并在页面上进行动态更新。
在等待AJAX请求返回数据后再继续执行的过程中，可以使用以下几种方式来实现：
- 回调函数：可以在AJAX请求的回调函数中处理返回的数据，并在回调函数中执行后续操作。回调函数是一种常见的处理异步操作的方式，可以确保在数据返回后再执行相应的代码。
- Promise对象：Promise是一种用于处理异步操作的对象，可以通过Promise对象的then()方法来处理AJAX请求返回的数据，并在then()方法中执行后续操作。Promise提供了更加优雅的方式来处理异步操作，使代码更易读和维护。
- async/await：async/await是ES2017引入的一种处理异步操作的语法糖。通过在异步函数前加上async关键字，可以在函数内部使用await关键字来等待异步操作的结果。在处理AJAX请求时，可以使用async/await来等待AJAX请求返回的数据，并在后续代码中继续执行。
以上三种方式都可以实现在JavaScript中等待AJAX请求返回数据后再继续执行后续操作。具体选择哪种方式取决于项目需求和个人偏好。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。您可以根据具体需求选择适合的产品。更多关于腾讯云产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/。
相关·内容
1回答
隐藏异步等待
javascript、asynchronous
有人知道如何将异步await隐藏在函数中吗？
编辑，因为我似乎不清楚。
我想要做的是将等待包装在一个函数中，这样主外部函数看起来就不像异步代码了：asyncFunction：是一个异步函数。hideAsync：一个包装函数，它将消除从主代码中添加“等待”关键字的需要。运行：看起来像线性函数的主代码。
希望这次我说清楚了:-/
var someSome = {};
someSome.wait = ms => new Promise(resolve => setTimeout(resolve, ms));
someSome.asyncFunction = async (el
浏览 2提问于2017-08-24得票数 1
3回答
Nodejs为什么等待仅限于异步函数？
javascript、node.js、asynchronous、async-await
可能是的重复。
我是NodeJS新手，我觉得async-await的概念有点混乱。经过一些阅读和混乱，这是我对同样的理解。
假设，我有一个像这样的函数sum。
function sum(a, b) {
// print the numbers
for (var i = 0; i < 100000; i++) {
console.log(i);
}
// settimeout
new Promise (resolve => {
setTimeout(resolve, 1000);
});
return a+b;
}
function ma
浏览 1提问于2018-11-26得票数 7
回答已采纳
2回答
从返回值的角度来看，在异步函数中等待关键字的意义是什么？
javascript、asynchronous、async-await
我研究了许多帖子、文章和文档。我在寻求更深层次的理解。
来自
await表达式导致async函数执行暂停，直到Promise解决为止，.
let fetchLocation = () => {
//fetches information from satellite system and
//returns a Vector2 of lat long on earth
return new Promise(resolve => {
setTimeout(() => {
resolve({
lat: 73,
浏览 8提问于2022-01-26得票数 1
3回答
等待和访问返回的值
asynchronous、async-await、promise
试图让我的头在等待与那时之间的微妙(原文)的差异。我已经阅读了这里的大部分文章，所以我得到了异步函数返回的承诺。
使用await (带有异步函数)返回一个可以在下游使用的var，但是使用.then (带有异步函数)也不会(至少对我来说)返回一个可以在can子句之外访问的var，因为它是异步处理的，并且下游引用是同步处理的--在.then子句之外，var (在我的示例中)是未定义的。
我理解为什么我的例子是这样的，但我的问题是-是否有一种方法可以在异步函数中使用.then，这样就可以在函数执行的下游访问结果？。
let x, y, z;
async function foo ( num ) {
浏览 1提问于2021-10-13得票数 0
回答已采纳
3回答
为什么for...of等待解决的承诺，而.forEach()却没有？
javascript、loops
在处理承诺的情况下，我很难理解for...of与.forEach()有何不同。
使用这个片段：
const allSettled = async arr => {
const data = []
for (const promise of arr) {
try {
const result = await promise;
data.push(result);
} catch (e) {
data.push(e)
}
}
return
浏览 5提问于2021-02-25得票数 4
回答已采纳
1回答
变量在承诺内赋值后保持未定义。
javascript、node.js、promise、google-cloud-firestore
我试图将变量"dish_data“赋值给从"dish_ref.get()”返回的数据，该数据返回一个承诺。
let dish_data;
var get_dish_data = dish_ref.get()
.then(doc => {
console.log('doc: ', doc);
console.log('doc: ', doc.data());
dish_data = doc.data();
console.log(&
浏览 2提问于2018-08-08得票数 0
回答已采纳
1回答
为什么Axios For Loop不允许我在React中操作数据？
reactjs、axios、google-chrome-devtools、lodash
我正在使用axios构建一个react应用程序。我将此函数称为useNames(allNames)，它传入一个名称数组，该数组将由Axios迭代。乍一看，它似乎可以工作，但当我console.log数据时，它看起来是这样的……
函数正在运行.....
useNames = async (allNames) => {
try {
const promisesArray = [];
await _.each((allNames), async (value) => {
const res
浏览 9提问于2019-11-05得票数 0
回答已采纳
2回答
当一个承诺永远不能解决时会发生什么？
javascript、node.js、promise
我有一个使用es6 async await语法的非常令人困惑的代码片段。我期望发生的情况是，该进程将永远挂起await行，因为从未调用过resolve函数。然而，实际发生的情况是"start“被输出，然后进程退出，没有更多的输出。
const simple = async () => {
console.log('start')
await new Promise(resolve => {})
console.log('done.')
}
simple()
然而，下面的代码将打印"start"，等待1秒，并打印“d
浏览 0提问于2017-10-27得票数 24
回答已采纳
1回答
为什么此Firebase Cloud Function函数会产生错误“error : function crashed of request scope function invocation interrupted.‘”。
typescript、firebase、async-await、google-cloud-functions
我有一个Firebase云函数，每天股市开盘时触发一次。似乎在运行的时候会产生20%的错误。
错误提示：“错误:函数崩溃超出了请求作用域，函数调用被中断。”
export async function cleanIntraweek() {
console.log(`cleanIntraweek() started`)
const min_date_key = moment().tz("America/New_York").subtract(7, 'day').format()
console.log(`min_date_key: ${min_da
浏览 3提问于2019-07-20得票数 0
2回答
难以解决承诺
javascript、promise
我正试图通过等待来解决一个承诺，这样我就可以在没有一个巨大的嵌套clusterF的情况下继续下去。
var getPort = require('get-port');
var get_port = async function(){
var port_promise = new Promise((resolve_port) => {
getPort({port: 16100}).then(resolve_port);
});
var port = await port_promise;
return port;
};
var port =
浏览 0提问于2018-05-23得票数 0
回答已采纳
2回答
在使用“等待”时读取文本文件和代码
c#、asynchronous、async-await、windows-8.1
我正在为Windows8.1平板电脑编写一个应用程序，我正在尝试从我保存的文本文件(这个文本文件刚刚超过1kb)中读取数据。下面的代码在某些情况下是可行的，但主要失败了(调试/跨出代码通常会看到它成功)。
StorageFolder folder = ApplicationData.Current.LocalFolder;
string fileName = "collections.json";
public Dictionary<string, string> masterDataObject;
private async void CallLoad()
{
浏览 2提问于2015-03-23得票数 2
回答已采纳
3回答
jquery $.post函数调用顺序
jquery
在下面的jquery函数中，有人能解释一下为什么在"first“之前执行"second”吗？我假设整个$.post请求应该在浏览器移动到下一行代码之前完成，但这似乎并没有发生。
function getGUID () {
$.post(getGUIDScript, function(data, textStatus) {
alert("first");
GUID = data;
},
'text');
alert("second");
}
感谢你们在下面的回复。为了后人
浏览 1提问于2009-11-10得票数 1
回答已采纳
1回答
如果在呼叫睡眠功能之后增加睡眠时间，Promise.all中的延迟将无法工作
javascript、typescript
在JS中编码时，我发现了一些有趣的行为。
如下面的代码所示，从sleep(0)开始，不会造成任何延迟，而sleep(15)则会延迟。
// sleep.ts
export default function sleep(t: number): Promise<void> {
return new Promise((resolve) => setTimeout(resolve, t));
}
// loop.ts
async function doLoop() {
let delay = 0;
const increment = 15;
await Promis
浏览 3提问于2021-02-12得票数 2
回答已采纳
3回答
Javascript等待/异步功能-如果函数中没有等待字怎么办？
javascript、asynchronous
我正在学习Javascript ES2017异步/等待功能。我读了很多关于它的书，我发现等待就像是让步，让我们可以等待承诺的完成。
来自
async function showAvatar() {
// read our JSON
let response = await fetch('/article/promise-chaining/user.json');
let user = await response.json();
// read github user
let githubResponse = await fetch(`https://a
浏览 2提问于2017-12-21得票数 0
5回答
异步等待-等待阻止其他代码运行吗？
javascript、async-await
在javascript中，等待块代码吗？例如，假设我们有以下代码：
async function queryDB() {
const addUser = await promisePool.execute("INSERT INTO Users (User) VALUES ('username')")
const selectUser = await promisePool.execute("SELECT User FROM Users")
}
将"selectUser“等待运行，直到addUser完成，以便我们可以选择添
浏览 7提问于2020-12-28得票数 7
回答已采纳
3回答
为Javascript异步函数的“等待”建立正确的心智模型:生成器的“产量”还是“promise.then()”？
javascript、node.js、promise、async-await、event-loop
哪个生成器的产量相对于promise.then()是一个更正确的心理模型来理解‘等待’？
属性比较，通过使用调试器逐步遍历下面的代码段来推断：
等待：
等待不暂停/挂起正在运行的异步函数的执行。(运行异步函数“运行到完成”，当解释器到达第一个等待时返回一个挂起的承诺。它将立即从调用堆栈中删除。)
等待着承诺的达成。
await expression将函数的其余代码包装在一个微任务中。
发电机-产量：
生成暂停正在运行的函数的执行。生成器函数不会“运行到完成”。
yield promise确实确保promise在执行剩余代码之前已经解决了问题。
产量不会包装或创建
浏览 1提问于2019-07-04得票数 6
2回答
编写异步/等待版本的承诺
javascript、async-await
下面的代码记录“hello world”一次，就像预期的那样。
function moveOneStep() {
return new Promise((res, rej) => {
setTimeout(() => {
res(console.log('Hello world!'))
}, 1000)
})
}
async function main() {
await moveOneStep();
await moveOneStep();
await moveOneStep();
await moveOn
浏览 0提问于2019-01-15得票数 2
回答已采纳
1回答
除了链接或使用Promise.all()等方法之外，我还可以使用Nodejs中的承诺吗？
node.js、async-await
首先，我想说，我很好地理解了JavaScript中的异步，使用了承诺(异步/等待)和回调。
对于Nodejs中的承诺，我的看法是，如果您开始使用承诺，您必须一直使用该流程，直到应用程序结束为止，可以使用Promise Chaining或Promise.all()等方法。
让我们考虑以下简单的应用程序：
require('http').createServer().on("request",
async (req, res) => {
// MY PROMISE
myPromise("error"
浏览 6提问于2022-07-18得票数 1
3回答
承诺会提前退出执行而不等待吗？
javascript、async-await
下面是如何使用await：
关键字等待使JavaScript等待，直到该承诺确定并返回其结果。
如果应用程序不想在await设置并返回之前使用promise (比如更新非关键的后端数据库)，那么调用没有await的promise可以吗？在承诺完全完成之前，没有promise的await会过早退出吗？
浏览 1提问于2021-01-20得票数 1
回答已采纳
2回答
JavaScript中输出UsIng Async-Await的意外顺序，需要解释
javascript、ajax、asynchronous、async-await、promise
对于以下代码：-
let p1 = new Promise((resolve, reject) => {
setTimeout(() => {
console.log("one");
resolve("data1");
}, 8000)
})
let p2 = new Promise((resolve, reject) => {
setTimeout(() => {
console.log("two");
resolve("data2");
}, 5000
浏览 0提问于2021-04-23得票数 1
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
