Javascript 为什么这个JSONP调用会失败？

与我遇到的问题相关的工作示例：

我似乎不明白，当我试图从数据库中检索信息时，为什么这个JSON调用会失败。在我的开发环境中，当我运行完全相同的代码时，代码运行良好，并且能够从JSON中获得结果。但是，当我从另一台服务器（如我的生产服务器（或JS FIDLE））运行代码时，$.getJSON调用会得到一个错误堆栈。当您单击test按钮时，可以在JS FIDLE上的控制台中查看此错误

调用使用的是JSONP，我的理解是，由于调用的性质，它应该允许不同的访问源。我还知道它确实支持JSONP，因为当您直接访问此链接时，它会返回一个带有回调函数的JSON对象：

---

我完全不明白为什么这段代码可以在一个环境下工作，而不能在另一个环境下工作？

JSFIDLE对我来说是可行的-控制台中没有错误，数据显示正确，运行Chrome。你看到了什么错误？fiddle也适用于我。Div是否为每个人填充了内容？找到了问题，开发者版Chrome>。

function populateJobsList (jobLocation) {
    if (jobLocation == ""){
        jobLocation = 'Spain';
    }

    var provinceArray = jobLocation.split(',');
    console.log(provinceArray , jobLocation);
    var province = provinceArray[0];
    var url_jobs = "http://api.indeed.com/ads/apisearch?publisher=5656845852938153&v=2&format=json&callback=?&q=&l=Madrid&sort=relevance&radius=25&st=jobsite&jt=fulltime&start=0&limit=4&fromage=10&filter=1&latlong=1&co=es";

    $.getJSON(url_jobs, getJSONData);
}


function getJSONData(data) {
        console.log(data)
        $.each(data.results, function(i,item){
            i++;

        $("#titleJob"+i).html(item.jobtitle.substr(0,43));

        if (item.city){
            $("#locationJob"+i).html(item.city);
        }
        else {
            $("#locationJob"+i).html('N/A');
        }

        $("#companyJob"+i).html(item.company.substr(0,43));
    });
}