一个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文件,这样就变相达到了执行的目的