使用jQuery / AJAX與JSONP時沒有響應

Question

我正在嘗試使用jQuery / AJAX創建跨域請求。 我有以下代碼;

$.ajax({
   url: "http://www.cjihrig.com/development/jsonp/jsonp.php?callback=jsonpCallback&message=Hello",
   crossDomain:true
})
.done(function( msg ) {
  alert( "Done : " + msg );
})
.fail(function( msg) {
  alert( "Fail : " + msg);
})
.always(function( msg ) {
  alert( "Always : " + msg );
});

URL http://www.cjihrig.com/development/jsonp/jsonp.php?callback=jsonpCallback&message=Hello在直接調用時返回JSON對象，並且在以傳統方式使用JSONP時工作正常（即通過動態腳本標記注入）

但是為什么我在使用jQuery / AJAX時遇到錯誤？

Answer 1

嘗試此代碼，因為錯誤未設置dataType，並且不期望jsonp默認
dataType :(默認值：Intelligent Guess（xml，json，script或html））
類型：字符串

  $.ajax({
   url: "http://www.cjihrig.com/development/jsonp/jsonp.php?callback=jsonpCallback&message=Hello",
   dataType: 'jsonp',
   crossDomain:true,
    jsonp: false,
    success: jsonpCallback,
})
.done(function( msg ) {
  alert( "Done : " + msg );
})
.fail(function( msg) {
  alert( "Fail : " + msg);
})
.always(function( msg ) {
  alert( "Always : " + msg );
});

 function jsonpCallback(data){
        alert("jsonpCallback");
    }

DEMO

Answer 2

我會使用$ .ajax選項：

dataType: "jsonp"

這會自動將回調選項添加到URL。 http://api.jquery.com/jQuery.ajax/