jquery - 使用$.getScript获取包含json内容的跨域js文件好不好？

Question

我是 JSONP 的新手，以下是我的情况:

我使用PHP编写了一个带有JSON内容的js文件供前端读取，我尝试了下面的方法，它是有效的。

但是，我想问

A) 是否需要包含 jsoncallback() 来将 JSON 内容包装在 album.js 中？

B) 使用$.getScript()读取包含JSON内容的js文件是否可以跨域？

谢谢

<强>1。加载js文件的代码

$.getScript("http://127.0.0.1:8080/album.js")

function jsoncallback (data){
    $.each(data, function() {
        console.log($(this))
    })
}

<强>2。 album.js 内容

jsoncallback([{
        "id": "23",
        "author": "roy",
        "email": "a",
        "age": "0",
        "tel": "1",
        "title": "test",
        "image_name": "Lighthouse.jpg",
        "image_type": "image\/jpeg",
        "image_size": "561276",
        "status": "1",
        "create_date": "2013-04-03 14:39:32",
        "modify_date": "2013-04-09 19:25:07"
    }, {
        "id": "22",
        "author": "roy",
        "email": "a",
        "age": "0",
        "tel": "1",
        "title": "test",
        "image_name": "Desert.jpg",
        "image_type": "image\/jpeg",
        "image_size": "845941",
        "status": "1",
        "create_date": "2013-04-03 14:39:29",
        "modify_date": "2013-04-09 19:25:02"
    }
])

Answer 1

A和B:是的。这就是 JSONP 的工作原理。

您可以将其重写为:

$.ajax({
    url: "http://127.0.0.1:8080/album.js",
    jsonpCallback: "jsonpcallback",
    jsonp: false,
    dataType: "jsonp"
}).done(function(data){
    console.log(data); // array of objects
});