jQuery ajax jsonp調用始終會出現意外的令牌錯誤

Question

我一直在浪費很多時間，因為我認為這很簡單，但是沒有很好的示例來說明ajax調用的方式和作用。

這是我的JavaScript代碼：

$.ajax({
type: 'GET',
url: 'https://maps.googleapis.com/maps/api/timezone/json',
dataType: 'jsonp',
data: {
    location: myLoc,
    timestamp: myTime,
    sensor: true
},
success: function(){alert('OK');},
error: function(){alert('FAIL');}
})
}

變量“ myLoc”和“ myTime”不是問題。 事實上，如果我將URI剪切並粘貼到瀏覽器中，它就可以正常工作並顯示數據： https : //maps.googleapis.com/maps/api/timezone/json?callback=jQuery18307430207263263678312_1354817349576&location=36.7468422%2C-119.7725868&timestamp= 1354817353＆sensor = true＆_ = 1354817353398

從我一直在閱讀的內容中，會自動生成“ callback”參數，並且某種程度上，代碼應該足夠聰明以調用成功函數或錯誤函數。

chrome返回的錯誤是“未捕獲的語法錯誤意外標記'：'”，無論我如何嘗試，javascript代碼始終會調用錯誤函數。 我添加了一個jsonpCallback參數（無效），json參數（無效），將dataType更改為“ json”（由於跨域錯誤而無效）。

請幫忙。

Answer 1

$.ajax({
    type: 'GET',
    url: 'https://maps.googleapis.com/maps/api/timezone/json',
    dataType: 'jsonp',
    contentType: 'application/json; charset=utf-8',
    data: JSON.Stringify({
        location: myLoc,
        timestamp: myTime,
        sensor: true
    }),
    success: function(){alert('OK');},
    error: function(){alert('FAIL');}
});