How to use async await in ajax call using Javascript?

Asked Jul 17 '20 at 07:34

Active Jul 17 '20 at 09:30

Viewed 124 times

I used the async-await code in the script file. that script file called using ajax call. when I call ajax URL. it's not waited. it's going next line. this is my problem

MY Scenario

a.html

<script>

function call(){
  r =$.ajax({
      url: "/a/b",
      type: 'POST'
    })
}

$(document).ready(function(){
call()
console.log('hi')
})
</script>

Ajax call code

async function loadcontact(){  

  for(let i=0;i < 3; i++){  
let b = await i;  
console.log(b)  
}
}

Excepted Output

0
1
2
hi

I got output

0
hi
1
2

edited Jul 17 '20 at 09:30

Brian Tompsett - 汤莱恩

5,753
72
57
129

asked Jul 17 '20 at 07:34

hari prasanth

Does this answer your question? [How and when to use ‘async’ and ‘await’](https://stackoverflow.com/questions/14455293/how-and-when-to-use-async-and-await) – StefanN Jul 17 '20 at 07:37
Your function `call` can be made to `async`, and you need to call it with `await`. Then, the `document.ready` also needs to be made `async` – choz Jul 17 '20 at 07:39
Here's example code: https://jsfiddle.net/vfohugay/ – Jul 17 '20 at 07:40
2

@StefanN OP is asking about JavaScript, not C#; although the usage is basically identical, let's not confuse them with `public` and the like – Jul 17 '20 at 07:40
@ChrisG sees the example code. that also I tried but it's not working for me. – hari prasanth Jul 17 '20 at 07:55
I tried many mays using the promise and jquery ajax also. but it's not working. how to achieve this solution. – hari prasanth Jul 17 '20 at 08:00
1

1. remove all unrelated code from your question, right now it's a mess 2. explain exactly how "it's not working" (which is a useless problem description), best by posting a [mre] – Jul 17 '20 at 08:01
@ChrisG Ok I updated my comments and question. – hari prasanth Jul 17 '20 at 08:03
I'm not seeing any update. – Jul 17 '20 at 08:44
@ Chris G can you please check it. this my problem – hari prasanth Jul 17 '20 at 08:55
@ChrisG can you please check it – hari prasanth Jul 17 '20 at 08:55
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/218017/discussion-between-hari-prasanth-and-chris-g). – hari prasanth Jul 17 '20 at 08:58

How to use async await in ajax call using Javascript?

0 Answers0