使用jsonp解決請求本地文件跨域問題
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>判斷顯示內容是否存在省略號</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
// 谷歌瀏覽器在訪問本地文件時 存在跨域問題
// $(function () {
// $.ajax({
// url: 'demo.json',
// type: 'get',
// success: function (res) {
// console.log(res)
// }
// })
// })
</script>
<!-- // 可以使用jsonp進行跨域 不過jsonp只支持get請求 -->
<script>
function demo(res){
console.log(res)
}
</script>
<!-- 注意：引入的文件名需要和json文件中的函數名需要相同 並且引入的json文件需要寫在定義函數之上 否則會讀取json文件失敗 -->
<script src="./demo.json?callback=demo"></script>
</body>
</html>
json文件測試數據
在json文件中 定義demo時 必須要有 （括號）
demo({
"pro":[
{"name":"tom"},
{"sex":"man"},
{"job":"web"}
]
})
