call API with ajax Jquery

Question

i have request

$(function(){
    $.ajax({
        type: 'GET',
        dataType:"jsonp",
        url: "http://localhost:8000/api/admin/announces",       
        headers:{         
            'Authorization' : 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBWZXIiOiIwLjAuMCIsImV4cCI6NDcyNjM4OTEyMiwibG9jYWxlIjoiIiwibWFzdGVyVmVyIjoiIiwicGxhdGZvcm0iOiIiLCJwbGF0Zm9ybVZlciI6IiIsInVzZXJJZCI6IiJ9.QIZbmB5_9Xlap_gDhjETfMI6EAmR15yBtIQkWFWJkrg',
            'Content-Type':'application/json'
        },
        succces: function(data){
            console.log('success',data);                    
        }
    });
});

and i having 400 bad request error net::ERR_ABORTED 400 (Bad Request). What am I missing ?

Can you try from your browser. Also check cross origin policy in your server. Server cors should allow your localhost:8000. — Nayas Subramanian
– Nayas Subramanian, Commented Nov 25, 2019 at 8:58
400 - is something resource not found, check API url and method type bcoz rest looks good in you jquery ajax — Bhushan Kawadkar
– Bhushan Kawadkar, Commented Nov 25, 2019 at 8:58
Check the server why it rejects your request with status 400. — Andreas
– Andreas, Commented Nov 25, 2019 at 9:00
You can check for url is working or not, by direct hit on browser, or check for method get or post , and also try dataType:'json' — Ravi Malviya
– Ravi Malviya, Commented Nov 25, 2019 at 9:00
my API check on POSTMAN is ok , but browser not ok . i think is token . my code backend send request have token ? so , what am i missing in Ajax — Doctor Strange
– Doctor Strange, Commented Nov 25, 2019 at 9:04

Govind Soni · Accepted Answer · 2019-11-25 09:49:47Z

3

You just need to replace URL with your local REST API:

$.ajax({
  type: 'GET',
    dataType:"jsonp",
  url: 'https://jsonplaceholder.typicode.com/todos/1',
  headers:{         
      'Authorization' : 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBWZXIiOiIwLjAuMCIsImV4cCI6NDcyNjM4OTEyMiwibG9jYWxlIjoiIiwibWFzdGVyVmVyIjoiIiwicGxhdGZvcm0iOiIiLCJwbGF0Zm9ybVZlciI6IiIsInVzZXJJZCI6IiJ9.QIZbmB5_9Xlap_gDhjETfMI6EAmR15yBtIQkWFWJkrg',
      
  },
  success: function (data, status, xhr) {
    console.log('data: ', data);
  }
});

answered Nov 25, 2019 at 9:49

Govind Soni

3131 gold badge2 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

abdullah mubin · Accepted Answer · 2019-11-25 09:35:15Z

2

When a server cannot understand a request, its called 400 error. There are few reason for it. Maybe you have used a url with invalid token or cookie. Please make sure ur bearer token is valid.. Clear ur DNS cache, browser cache..i think its your bearer token.. Please make sure your bearer token is valid..

answered Nov 25, 2019 at 9:35

abdullah mubin

214 bronze badges

Collectives™ on Stack Overflow

call API with ajax Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related