Jquery Ajax Call返回undefined但在Mozilla开发人员工具中我可以看到响应

Question

我正在使用下面的代码发送jquery ajax调用

$(document).ready(function () {
        $('#clickme').click(function () {
            var contenValue = $('#content').val();


            var response = $.ajax({
                'url': 'URL',
                'type': 'GET',
                'crossDomain': true,                    
                'dataType': 'jsonp',
                'contentType': 'application/json',
                'async':false
            }).responseText;

            console.log(response);


        })
    });

但是在控制台中我得到的结果是'undefined'但是在响应中的mozilla的开发工具中我可以看到输出为

Answer 1

您的代码错误，因为ajax()会返回承诺。

var response = $.ajax({
     'url': 'https://jsonplaceholder.typicode.com/posts/1',
     'type': 'GET',
     'crossDomain': true,                    
     'dataType': 'jsonp',
     'contentType': 'application/json'
    }).then(function(res) {
        console.log(res) //this is your result
})
var response = $.ajax({
    'url': 'https://jsonplaceholder.typicode.com/posts/1',
    'type': 'GET',
    'crossDomain': true,                    
    'dataType': 'jsonp',
    'contentType': 'application/json',
    'async':false,
    success: function (result) {
      console.log(result)
    },
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>