Chrome插件开发,使用JSONP跨域请求,回调函数未定义?

发布于 2022-08-29 18:10:55 字数 1180 浏览 27 评论 0

先附上代码:

插件代码片段:

    $.getJSON("http://crazywe.sinaapp.com/orderprice?callback=?", function(data){ 
            alert("test");
    }); 

manifest.json 片段:

    "content_scripts": [
        {
            "css": ["css/iwlw.css"],
            "matches": ["http://*/*","https://*/*"],
            "js": ["js/jquery-2.1.1.min.js","js/anpai.js"]
        }
    ],
    "permissions": [
        "tabs",
        "http://*/*",
        "https://*/*"
    ]

后台java代码:

        resp.setContentType("text/javascript");
        resp.setHeader("Access-Control-Allow-Origin", "*");
        PrintWriter out = resp.getWriter();
        out.println(req.getParameter("callback") + "(" + resultJSON.toString() + ");");
        //out.println("orderpriceforanpai(" + resultJSON.toString() + ")");
        out.flush();
        out.close();

现在本地调试没有问题,但是把jsonp的代码封装到chrome插件之后报错如下:is not defined

chrome控制台报错

是在解决不了,求大神点解!!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

你如我软肋 2022-09-05 18:10:55

感觉chrome插件完全可以跨域的情况下,完全用不上jsonp

贵在坚持 2022-09-05 18:10:55

你这个jsonp失败大概是因为chrome扩展的内容安全策略
简单来后,就是不允许使用跨站脚本,不幸的是这正是jsonp的执行基础。

事实上,你这扩展画蛇添足的地方太多了
首先,chrome扩展完全不需要jsonp这么个东西,你直接请求json就行了。
其次

"permissions": [
        "http://*/*",
        "https://*/*"
    ]


resp.setHeader("Access-Control-Allow-Origin", "*");
你两个只要使用了一种
xhr就能直接跨站了,别的都不需要。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文