jquery - 使用ajax Jquery调用API

Question

我有请求

$(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);                    
        }
    });
});

我有 400 错误请求错误 net::ERR_ABORTED 400(错误请求)。我缺少什么？

Answer 1

您只需将 URL 替换为本地 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);
  }
});