chrome 插件开发 jsonp 无法使用

最新推荐文章于 2021-08-17 16:08:31 发布

mt23

最新推荐文章于 2021-08-17 16:08:31 发布

阅读量2.2k

点赞数 1

文章标签： chrome jquery ajax 插件 jsonp

本文链接：https://blog.csdn.net/mathcoder23/article/details/71514051

版权

本文介绍了一个在Chrome插件环境下使用jQuery AJAX获取跨域数据的问题及解决方案。通过调整AJAX设置并定义回调函数，使得插件能够成功获取远程服务器的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery ajax代码，但chrome插件无法使用

在正常的网页下执行如下代码能够得到ajax的数据，但在插件环境下执行则不能

//淘宝的物流接口，该接口可能长期有效
//直接在任何页面打开控制台输入此代码(jquery需要支持此ajax代码)，将获取ajax数据。
var testUrl = 'https://lsp.wuliu.taobao.com/locationservice/addr/output_address_town_array.do';
var data={
       "l1":'340000',
       "l2":'340100',
       "l3":'340111',
       "lang":"zh-S"      
}
$.ajax({
      type: 'GET',
      url: testUrl,
      data: data,
      jsonp:"callback",
      success: function(result){
         console.log(result);
      },
      dataType: "jsonp"
});

jquery ajax代码，兼容chrome 插件开发

//此代码兼容chrome插件环境，但无法跨域，如需跨域需要在mainfest.json添加
//"permissions": [ "http://*.taobao.com/*"]

//ajax回调函数
function town_address_callback(result)
{
    console.log(result);
}

var testUrl = 'https://lsp.wuliu.taobao.com/locationservice/addr/output_address_town_array.do';
var data={
      "l1":'340000',
      "l2":'340100',
      "l3":'340111',
      "lang":"zh-S",
      "callback":"town_address_callback"//回调函数的名称，需要在环境中定义此函数。    
}
$.ajax({
      type: 'GET',
      url: testUrl,
      data: data,
      success: function(result){
         eval(result);//将返回的文本数据作为js代码执行。
      },
      dataType: "text"//用文本的方式接受ajax数据。
});