chrome访问本地文件提示跨域

一个html,里面包含js代码和html代码,为了模块化,还编写了一个文件用来存放json数据,然后用ajax的get方式获取文件,chrome报错跨域。

解决方式:json数据改为函数调用参数的形式,原来的json数据作为参数,参数名为html的js中定义的函数,这样json中的数据就会自动调用函数了

html:

<script src="js/curve.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    function handleData(data){
        console.log(data)
    }
</script>
<script type="text/javascript" src="data/ceshi.txt"></script>

ceshi.txt:

handleData({
    "flag": true,
    "result": [
        {
            "cs": "3242",
            "ip": "110.182.107.111",
            "ym": "www.b.example.com"
        },
        {
            "cs": "333",
            "ip": "110.182.107.111",
            "ym": "www.a.example.com"
        },
    ]
})

解释:

html中定义了一个名为handleData的函数,这个函数用来打印数据,html还引入了一个文件data/ceshi.txt,这是一个text/javascript类型的文件,可以执行函数的文件,而文件中执行的函数,名为handleData,数据就是原来的json文件,这样就变相达到了执行的目的

猜你喜欢

转载自blog.csdn.net/youyudexiaowangzi/article/details/88036841