我正在使用select2插件连接LinkedIn的公司搜索API。我需要的是它与jsonp一起工作,以便我可以避免我通过常规json请求获得的“Access-Control-Allow-Origin”错误[我已经确认当我禁用默认安全设置时json请求有效在Chrome中。]。通过“工作”我的意思是我希望jsonp请求url像json请求url一样对我进行身份验证,但我继续收到401未经授权的错误。
我认为我的问题在于jsonp设置的url中的“callback”参数。例如,由json创建的经过LinkedIn身份验证的公司搜索网址为:
使用jsonp就像:
唯一明显的区别是“callback = jQuery ...”参数。这是我的JavaScript:
function generateUrl(term) {
(function ($) {
var apiKey = 'xxx';
var apiSecret = 'xxx';
var memberToken = 'xxx';
var memberSecret = 'xxx';
var action = 'GET';
var path = 'http://api.linkedin.com/v1/company-search';
var nonce = '1234';
var timestamp = Math.floor((new Date()).getTime()/1000);
var version = '1.0';
var args = "keywords=" + term;
// var format = 'json';
if (args != '') { args += '&'; }
args += "&oauth_nonce=" + nonce + "&oauth_timestamp=" + timestamp + "&oauth_version=" + version;
OAuthSimple().reset();
this.results = (new OAuthSimple()).sign({
path:path,
action:action,
parameters:args,
signatures:{
'consumer_key':apiKey, 'shared_secret': apiSecret,
'access_token':memberToken,'access_secret':memberSecret}
}
);
}
(jQuery));
return results.signed_url.slice(results.signed_url.indexOf('?') + 1);
}
$("#linkedin").select2({
placeholder: "Search for a company.",
minimumInputLength: 1,
allowClear: true,
ajax: {
url: 'http://api.linkedin.com/v1/company-search',
dataType: 'jsonp',
data: function (term, page) {
return generateUrl(term);
},
results: function (data, page) {
return { results: data.companies.values };
}
},
formatResult: companyFormatResult,
formatSelection: companyFormatSelection,
dropdownCssClass: "bigdrop_3"
});
function companyFormatResult(company) {
return company.name;
}
function companyFormatSelection(company) {
return company.name;
}
它可能与我的url参数的语法有关吗?当“公司搜索”之后没有“关键字”参数时,我遇到了问题。在正常的json请求中,但将jsonp请求中的回调参数移动到url的末尾似乎没有帮助。
提前谢谢。