首次尝试jsonp后脚本无法正常工作

Question

So I'm learning jsonp right now and I can't currently get this test request to work.

I have a file that where the main script occurs looking like this.

(function(){
var jQuery;

if (window.jQuery==undefined || window.jQuery.fn.jquery!=='1.8.1'){
var script_tag=document.createElement('script');
script_tag.setAttribute("type", "text/javascript");
script_tag.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js");

if(script_tag.readyState){
script_tag.onreadystatechange=function(){
    if(this.readyState=='complete' || this.readyState=='loaded'){
    scriptLoadHandler();
    }
    };
}else{
    script_tag.onload=scriptLoadHandler;
    }
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
}else{
jQuery=window.jQuery;
main();
}

function scriptLoadHandler(){
jQuery=window.jQuery.noConflict(true);
main();
}

function main(){
$(document).ready(function($){
     var jsonp_url = "http://www.reflap.com/beta/assets/js/atest.php?callback=theresponse";
        $.getJSON(jsonp_url, 'name=Michael', function(data) {
          alert (data.fullname);
        });
});
}
})();

And on the server at atest.php I have this

<?php
function theresponse(){
$fname= $_GET['name'];

if($fname=='Michael'){
echo  $_GET['callback']. '(' . "{'fullname':'Michael Yeah'}" . ')';
}
else
echo "Your not allowed here";
}
?>

However when I go on jsfiddle.net and execute

<script src="http://www.reflap.com/beta/assets/js/widget2.js"></script>

It doesn't start the alert box. What's wrong? I don't really see where I made a mistake.

Answer 1

$.getJSON is for ordinary JSON, not JSONP. Try:

var jsonp_url = "http://www.reflap.com/beta/assets/js/atest.php';
$.ajax({
    url: jsonp_url,
    dataType: 'jsonp',
    data: { name: 'Michael' }
}).done(function(data) {
    alert(data.fullname);
});

You don't need to put the callback=? in the URL, jQuery will do that itself.