杰森要求在野生动物园工作，但不是chrome / firefox

Question

http://www.imobilus.co.uk/json%20request/index.html-实时版本

https://jsfiddle.net/5p6h3rtt/

根本无法解决这个问题，对jquery来说还很新

在Safari上完美运行，但在chrome和Firefox上为空白

$( document ) .ready(function() {

$.ajax({ 
    type: 'GET',
    url: 'http://www.reed.co.uk/api/1.0/search?keywords=imobilus%20jobs', 
    beforeSend: function(xhr) {
xhr.setRequestHeader("Authorization", "Basic " + btoa(' b110030d-7491-48fe-9354-05c0ec0181d7' + ":" + '' ));
},
    data: { username: 'b110030d-7491-48fe-9354-05c0ec0181d7', password:'' },
    dataType: 'json',
    success: function (data) {
        console.log(data.results);

        if(data.results.length > 0) {
            var numberOfResults = data.results.length;
            $('.container').append('<div>Found '+numberOfResults+' results</div>');
            $.each(data.results, function(index, element) {
                if(index < 100) {
                    $('.container').append('<div class="my-class">'+element.locationName+'<div><div>'+element.jobDescription+'</div>');
                }
            });
        } else {
            $('.container').append('<div class="my-class">Sorry nothing found</div>');
        }


    }
});

});

编辑：

多年来一直困扰于此，现在已经差不多到了，它在Chrome和Firefox上可以正常工作，但是在IE / Edge上它根本不会显示，并且在Safari上浏览器要求进行身份验证。

$( document ) .ready(function() {
$.ajax({

dataType: 'jsonp',
type: 'GET',
url: 'http://b110030d-7491-48fe-9354-05c0ec0181d7:@www.reed.co.uk/api/1.0/search?keywords=imobilus%20jobs',
beforeSend: function(xhr) {
xhr.setRequestHeader("Authorization", "Basic" + btoa( 'b110030d-7491-48fe-9354-05c0ec0181d7' + ":" + '' ));
},
data: { username: 'b110030d-7491-48fe-9354-05c0ec0181d7', password:'' },
success: function (data) {
console.log(data.results);      

        if(data.results.length > 0) {
            var numberOfResults = data.results.length;
            $('.reed').append('<div>Found '+numberOfResults+' results</div>');
            $.each(data.results, function(index, element) {
                if(index < 100) {
                    $('.reed').append('<div class="my-class">'+element.locationName+'<div><div class="my-class2">'+element.jobDescription+'</div>');
                }
            });
        } else {
            $('.reed').append('<div class="my-class">Sorry nothing found</div>');
        }


    }
});

});

Answer 1

我只是使用dataType: 'jsonp'检查了您的代码，它在chrome中也可以正常工作。

我在chrome中对其进行了测试，并且可以正常工作。 但是，firefox上的身份验证存在问题，但我认为与此无关

$( document ) .ready(function() {

$.ajax({ 
    type: 'GET',
    url: 'http://www.reed.co.uk/api/1.0/search?keywords=imobilus%20jobs', 
    beforeSend: function(xhr) {
xhr.setRequestHeader("Authorization", "Basic " + btoa(' b110030d-7491-48fe-9354-05c0ec0181d7' + ":" + '' ));
},
    data: { username: 'b110030d-7491-48fe-9354-05c0ec0181d7', password:'' },
    dataType: 'jsonp',
    success: function (data) {
        console.log(data.results);

        if(data.results.length > 0) {
            var numberOfResults = data.results.length;
            $('.container').append('<div>Found '+numberOfResults+' results</div>');
            $.each(data.results, function(index, element) {
                if(index < 100) {
                    $('.container').append('<div class="my-class">'+element.locationName+'<div><div>'+element.jobDescription+'</div>');
                }
            });
        } else {
            $('.container').append('<div class="my-class">Sorry nothing found</div>');
        }


    }
});

});