javascript - URL&回调参数

Question

URL 中的 &callback 参数有什么作用？我问的原因是因为我正在使用 jquery 的 $.ajax 函数运行查询，当我在 url 末尾包含 &callback=? 时，我收到 400(错误请求)错误。

这是我的 JavaScript 代码:

var energy_query_array = [];


var masterEnergyTable_tableid = '145TOXaanydD63tvgVMmCVH0hei0NXNCEK8ekZBg';
var current_date = 'Jan-12';

var energy_query = 'SELECT * FROM ' + masterEnergyTable_tableid; 

var encoded_energy_query = encodeURIComponent(energy_query);
var energy_url = ['https://www.googleapis.com/fusiontables/v1/query'];
energy_url.push('?sql=' + encoded_energy_query);
energy_url.push('&key=' + apiKey); 
//energy_url.push('&callback=?');
$.ajax({
url: energy_url.join(''),
datatype: 'jsonp',
success: function(data) {
           var name_array = data['columns'];
           var data_array = data['rows'][0];
       for(var i = 1; i < data['columns'].length; i++) {
        energy_query_array[name_array[i]] = data_array[i];
       }
     }
});

console.log(energy_query_array);

我已经注释掉了在 url 中添加 &callback=? 的行，因为当我将其留在查询中时会返回错误:"message":"参数回调值无效:？"

但是，在代码的前面，我使用相同的回调参数对 Google 融合表执行了类似的查询。

代码末尾的 console.log 调用向控制台显示一个空数组。

Answer 1

回调用于 JSONP 请求，这意味着在执行跨域请求来获取 JSON 数据时不使用该回调。它不使用 XHR 包装器，而是使用脚本标记，然后传递一个回调查询字符串参数，该参数指向用于执行传入所有 JSON 数据的函数。通过这种方式，您可以拥有一个不知道应用程序如何工作的数据点，但是当您传入回调时，它将触发带有数据的函数。这允许您从任何浏览器使用它的 API。