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

时间:2013-07-05 06:39:02

标签: php javascript json jsonp

所以我现在正在学习jsonp,目前我无法获得此测试请求。

我有一个文件,其中主脚本看起来像这样。

(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);
        });
});
}
})();

在atest.php的服务器上我有这个

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

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

然而,当我继续jsfiddle.net并执行

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

它不会启动警告框。怎么了?我真的没看到我犯了什么错误。

1 个答案:

答案 0 :(得分:0)

$.getJSON适用于普通的JSON,而不是JSONP。尝试:

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);
});

您不需要将callback=?放在URL中,jQuery也会自己这样做。