Question

我正在尝试向以下网址发出简单的ajax请求。 https://insightsoftwaresolutions.atlassian.net/rest/api/2/issue/createmeta?projectKeys=TES&issuetypeNames=Bug&expand=projects.issuetypes.fields

当我将URL放在浏览器导航栏上并按回车键时，它会收到JSON响应，但是当我尝试进行jquery ajax调用时，它无法正常工作。它没有任何控制台错误。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>

    <script>
        $(document).ready(function () {

            $.ajax({
                cache: false,
                type: 'GET',
                crossDomain: true,
                url: 'https://insightsoftwaresolutions.atlassian.net/rest/api/2/issue/createmeta?projectKeys=TES&issuetypeNames=Bug&expand=projects.issuetypes.fields',
                contentType: 'application/json; charset=utf-8',
                dataType: 'jsonp',

                success: function (data) {
                    alert("success");
                },
                    error: function (jqXHR, textStatus) {
                        //displayCallResults(jqXHR);
                        alert("error");
                    }
            });

        });
    </script>

更新

我将数据类型：'jsonp'更改为datatype：'json'。然后我得到以下错误。

Origin http://localhost:3029 is not allowed by Access-Control-Allow-Origin.

Answer 1

您的服务器不支持JSONP。要么改变

OR

在nginx添加标头以支持服务器端的CORS。或者您可以在服务器端添加CORS标头。

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: *");

一旦这样做，您就可以使用简单的

访问您的代码

$.getJSON(url).done(function(response) {
    console.log(response); //here's your response
});

Ajax Jquery调用不起作用

1 个答案: