GET请求没有显示错误[重复]

Question

我正在尝试显示此获取请求的结果，但它没有返回任何结果或错误。

即使在测试时，我也尝试过硬编码并附加 <li>my job</li>，但这也不起作用。

你有什么想法吗？

这是我的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function (){

  var $jobs = $('#jobs');

  $.ajax({
    type: 'GET',
    dataType: 'json',
    username: '5afe0f90-3480-4d47-8206-3529815a610a',
    password: '',
    crossDomain: true,
    url: 'http://www.reed.co.uk/api/1.0/search?keywords=construction&location=sheffield',
    success: function(jobs) {
      $.each(jobs, function(i, job){
        $jobs.append('<li>my job</li>')
      });
    }
  });

});
</script>

<ul id="jobs"></ul>

Answer 1

您需要在选项对象中进行错误回调：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function (){

  var $jobs = $('#jobs');

  $.ajax({
    type: 'GET',
    dataType: 'json',
    username: '5afe0f90-3480-4d47-8206-3529815a610a',
    password: '',
    crossDomain: true,
    url: 'http://www.reed.co.uk/api/1.0/search?keywords=construction&location=sheffield',
    success: function(jobs) {
      $.each(jobs, function(i, job){
        $jobs.append('<li>my job</li>')
      });
    },
    error: (err)=> {alert(err)}
  });

});
</script>

<ul id="jobs"></ul>

除了成功，还有四种返回状态：

• 超时 - 超过您指定的超时时间
• 错误 - http 错误，例如 404
• notmodified - 自上次请求以来未修改请求的资源时
• parsererror - 当 xml/json 响应错误时

因此，您可能需要逐一检查以确定处理每个响应的最佳方式。 :)

Answer 2

一切看起来都很好，除了成功回调。您有两种选择，请查看下方以了解哪些套件更适合您的需求。

选项 1： 使用 arrow function expression

$(function (){
    var $jobs = $('#jobs');

    $.ajax({
        type: 'GET',
        dataType: 'json',
        username: '5afe0f90-3480-4d47-8206-3529815a610a',
        password: '',
        crossDomain: true,
        url: 'http://www.reed.co.uk/api/1.0/search?keywords=construction&location=sheffield',
        success: (jobs) => {
            $.each(jobs, function(i, job){
                $jobs.append('<li>my job</li>')
            });
        }
    });
});

选项 2： 将 $jobs 的定义移动到回调中的相同上下文中或将其删除。

$(function (){
    $.ajax({
        type: 'GET',
        dataType: 'json',
        username: '5afe0f90-3480-4d47-8206-3529815a610a',
        password: '',
        crossDomain: true,
        url: 'http://www.reed.co.uk/api/1.0/search?keywords=construction&location=sheffield',
        success: function(jobs) {
            $.each(jobs, function(i, job){
                $('#jobs').append('<li>my job</li>')
            });
        }
    });
});

解释： 这是由于定义变量的上下文不同造成的。对于function 定义，它将使用它自己的上下文，对于arrow function，它将使用当前上下文。

如果您仍有问题，请检查控制台以查看服务器响应代码 CORS、Mixed Content 等是否产生任何错误。