javascript - 在 Chrome 浏览器中使用 API 时出错

Question

我不知道如何使用 API 来解决这个问题。它给了我一个浏览器错误，上面写着：

CORS 策略已阻止从源“null”访问“file:///C:/Users/Gebruiker/Desktop/PokeMax/GET%20https://api.pokemontcg.io/v2/cards?s”处的 XMLHttpRequest : 跨源请求仅支持协议方案：http、data、chrome、chrome-extension、chrome-untrusted、https。jquery-3.4.1.min.js:2 获取

file:///C:/Users/Gebruiker/Desktop/PokeMax/GET%20https://api.pokemontcg.io/v2/cards?s net::ERR_FAILED

如果有人知道问题是什么，我很想听听！

代码：

$(document).ready(function (e) {

    $("#TheSubmitButton").on("click", function(event){
        event.preventDefault();
    
        var Pokemon = $("#search")
            .val()
            .trim()
        console.log(Pokemon);
    
    
    $.ajax({
    
      
        url: "GET https://api.pokemontcg.io/v2/cards?" + Pokemon,
        dataType: 'json',
        method: "GET"
    });
    
    
    });
    
    });
    
    // for (var i = 0; i < response.cards.length; i++) {
        //     var pokemonCard = $("<img>");
        //     pokemonCard.attr("src", response.cards[i].imageUrlHiRes);
        //     $("#card-container").append(pokemonCard);
        // }

标签： javascriptxmlhttprequest