jQuery $ .getJSON http请求失败，同时使完全相同的请求手动工作

Question

Ok, I'm really stuck here.

This is my little test file that I'm using to test a little script I wrote:

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>
$.getJSON(
    "/php/banners/check_advertorial.php", 
    { ID : 78 },
    function(data) {
        console.log("callback");
        console.log(data);
        if(data)
            alert("yay");
        else
            alert("nay");   
    }
);
</script>

This is what check_advertorial.php looks like, I simplified it for testing purposes.

<?php
    header('Content-Type: application/json');

    echo json_encode(true); 
?>

So I monitor the requests in Chrome, and the call to check_advertorial fails, no response. Not even an error code. But if I copy the request URL, and just paste it into the browser, I get a successful request and it prints "true".

What gives?

UPDATE: I have tested it in different browsers.

• Chrome: Original test platform
• Chrome Canary: No Change
• Firefox: Works as expected
• Internet Explorer 10: No Change

UPDATE 2: As Hüseyin BABAL pointed out, ABP blocked the request because it had the word "advertorial" in it.

Answer 1

Add status check code to your query in order to detect your request fails or not;

var jqxhr = $.getJSON( "/php/banners/check_advertorial.php", {ID:78}, function(data) {
})
  .done(function() {
    console.log("callback");
            console.log(data);
            if(data)
                alert("yay");
            else
                alert("nay");  
  })
  .fail(function(jqxhr, textStatus, error) {
    var err = textStatus + ", " + error;
    console.log( "error occured: " + err );
  });

Edit: Also be sure that you are not using adblock plugin