Javascript 为什么我的AJAX请求在对公开它的api执行get请求时失败_Javascript_Jquery_Ajax_Rest

Javascript 为什么我的AJAX请求在对公开它的api执行get请求时失败

javascript jquery ajax rest

Javascript 为什么我的AJAX请求在对公开它的api执行get请求时失败,javascript,jquery,ajax,rest,Javascript,Jquery,Ajax,Rest,我使用的是api，它是一个字典，基本上api让我做一些get请求，获取我键入的特定单词的详细信息，用这个单词我得到了一些相同的详细信息，它实际上可以工作，但只是用json，用xml我有一个CORS问题，我不知道为什么，但现在的问题是，我正在尝试使用以下后缀和前缀执行一个简单的get请求： html !DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <titl

我使用的是api，它是一个字典，基本上api让我做一些get请求，获取我键入的特定单词的详细信息，用这个单词我得到了一些相同的详细信息，它实际上可以工作，但只是用json，用xml我有一个CORS问题，我不知道为什么，但现在的问题是，我正在尝试使用以下后缀和前缀执行一个简单的get请求：

html

!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Dicionário Online</title>
    <link rel="stylesheet" href="inc.css" type="text/css">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="inc.js"></script>
</head>

<body>
    <div class="content">
        <h1>Dicionário Online</h1>

        <div class="">
            <span class="btns">
                <button type="button" id="btnDicionario">Significado</button>
              </span>
            palavra: <input type="text" placeholder="Palavra" id="procuraPalavra">
            prefixo: <input type="text" placeholder="Palavra" id="prefixo">
            sufixo: <input type="text" placeholder="Palavra" id="sufixo">
        </div>

        <div class="resposta">
            <div class="palavra"></div>
            <div class="etimologia"></div>
            <div id="texto"></div>
        </div>


    </div>

</body>

</html>

！DOCTYPE html>
迪西亚里奥在线
迪西亚里奥在线
意义
帕拉维拉：
前缀：
苏菲索：

javascript

var palavra = $("procuraPalavra").val();

    $("#btnDicionario").click(function () {

        if ($("#procuraPalavra").val() == "") {
            var sufixo = $("#sufixo").val();
            var prefixo = $("#prefixo").val();
            if (sufixo != "" && prefixo != "") {
                $.ajax({
                    url: 'http://dicionario-aberto.net/search-json/',
                    data:{
                        prefix: prefixo,
                        suffix: sufixo
                    },
                    dataType: 'json',
                    success: sucessCalbackPreSuf,
                    error: errorCalbackPreSuf
                });
            }
        }

    function sucessCalbackPreSuf(data) {
        $(data.list).each(function(index,element){
            $(".palavra").append("<p>" + element + "</p>");
        })

    }
    function errorCalbackPreSuf(req, status, err) {
        console.log("palavra nao existe");
    }

var palavra=$（“procuraPalavra”）.val（）；
$（“#btnDicionario”）。单击（函数（）{
如果（$（“#procuraPalavra”）.val（）=”）{
var sufixo=$（“#sufixo”）.val（）；
var prefixo=$（“#prefixo”）.val（）；
if（sufixo！=“”&prefixo！=“”）{
$.ajax({
网址：'http://dicionario-aberto.net/search-json/',
数据：{
前缀：prefixo，
后缀：sufixo
},
数据类型：“json”，
成功：成功，
错误：errorcalbackpresf
});
}
}
函数successCalBackPresf（数据）{
$（data.list）。每个（函数（索引、元素）{
$（“.palavra”）。追加（“”+元素+””）；
})
}
函数ERRORCALBACKPRESF（请求、状态、错误）{
控制台日志（“palavra nao existe”）；
}

我只是不断地遇到CORS策略问题，问题是有时会发生在我身上，因为我做错了什么，我实际上认为这又是我的问题，我能得到一些帮助吗：S

Type将数据类型从

json

更改为

jsonp

好了，仍然没有工作，我怀疑他甚至没有输入我的回调函数现在，它不会用GET打印任何东西，只是一条红线，但是CORS错误不再显示。您是否在浏览器中调试此功能？尝试在回调上粘贴一些断点是的，我有两个回调，都有一个console.log，但它没有进入任何人觉得奇怪的地方。我将字符串化数据属性

data:JSON.stringify({前缀：prefixo，后缀：sufixo}）

类似这样的东西？