JQuery JSONP 请求，在 URL 中定义和生成的回调

Question

我有一个测试JSONP服务器，当发出HTTP GET请求时，它会返回一个JSONP对象。它可以返回标准 JSONP 函数或回调变量中请求的函数。例如

http://my.host:8024

JSONP_CALLBACK([ {"味精"："今天是丹尼斯的生日！咖啡角的蛋糕 !!!(当它持续时;-(("}， {"msg"："域OBIEE_1中的某些客户可能会因网络延迟而遇到性能下降，请联系 Paul 了解详细信息"}， {"msg"："Weblogic 域WL_ENG_1将在 22：00 和 00：00 之间由于维护而关闭"}]);

http://my.host:8024/?callback=demo

demo([
    {"msg":"It is Dennis birthday! Cakes for everone at the coffee corner !!!! ( while it lasts ;-) )"},
    {"msg":"Some customers in domain OBIEE_1 may experience performance degradation due to network latency, contact Paul for details"},
    {"msg":"Weblogic domain WL_ENG_1 will go down due to maintenance between 22:00 and 00:00"}
]);

此示例用于测试 AngularJS $http JSONP 方法，并且适用于测试这些脚本。现在我正在尝试开发一个简短的jQuery脚本来检索与该演示服务器相同的JSON数据。jQuery脚本是;

<script type="text/javascript" charset="utf-8">
var htmlData = "<ul><li>Ticker was not successfully initialized</li></ul>" ;
// callback function for JSONP ajax request
function msgsJsonCallback(jsonData) {
    htmlData = "<ul>" ;
    // get all msg values from JSON data
    // JSON format ([{"msg":"message 1"{,{"msg":"message 2},......])
    $.each(jsonData, function() {
        htmlData += "<li>" + this['msg'] + "</li>" ;          
    }) ;
    httmlData = htmlData + "</ul>" ;
    $('#tickerMessage').vTicker('stop');
    $('#tickerMessage ul').replaceWith(htmlData);
    $('#tickerMessage').vTicker('init',{speed: 1500, pause: 10000});
}
function RefreshMessages() {
    var url= "http://my.host:8024/?callback=?" ;
    $.ajax({ 
        type: 'GET',
        url: url, 
        jsonpCallback: 'msgsJsonCallback', 
        dataType: 'jsonp',
        timeout: 5000,
        success: function(json) {
            console.log("Success") ;
            console.dir(json) ;
        },
        complete: function(jqXHR, textStatus){
            console.log("COMPLETE: " + textStatus) ;
        }
     });
    // schedule next refresh
    setTimeout(function() {
        RefreshMessages();
    }, 60000);
}
// initialize message ticker on document-ready
$(document).ready(function() {
    RefreshMessages();
}) ;

</script>

预期的 HTTP 请求已 http://my.host:8024/?callback=msgsJsonCallback，但生成的 http 请求类似于 http://my.host:8024/?callback=msgsJsonCallback&_39430030203。因此，指定的回调函数和生成的回调函数可能都在 JSONP 请求中。

当(基于其他示例(将"var url= "http://my.host:8024/?callback=？;"更改为"var url= "http://my.host:8024/?callback=";"时，HTTP请求将更改为"http://my.host:8024/?callback=&callback=msgsJsonCallback&39430030203"。或者当将 url 更改为"var url= "http://my.host:8024"时，请求 url 变为 "http://my.host:8024/?callback=msgsJsonCallback&=39430030203"。

有关如何解决此问题的任何帮助将不胜感激！

Answer 1

添加

_=someRandomNumber位是作为解决方法，以确保 ajax 请求接收新数据而不是命中浏览器缓存。

如果要删除它，请添加cache: true选项：

function RefreshMessages() {
var url= "http://my.host:8024" ;
$.ajax({ 
    type: 'GET',
    url: url, 
    jsonpCallback: 'msgsJsonCallback', 
    dataType: 'jsonp',
    timeout: 5000,
    success: function(json) {
        console.log("Success") ;
        console.dir(json) ;
    },
    complete: function(jqXHR, textStatus){
        console.log("COMPLETE: " + textStatus) ;
    },
    cache: true
 });

}