通過jsonp來實現跨域訪問獲取資料!!!
通過jsonp來實現跨域訪問獲取資料的原理是什麼?通俗一點就是通過<script src="你要訪問的連結" type="text/javascript"></script>中的src來訪問你想要獲取資料的網址,並獲取資料。(不要問這啥這樣做就可以,沒有那麼多為什麼,照著做就行了)。廢話不多說,舉例子
1建立一個script標籤
<script src="https://api.douban.com/v2/book/search?q=javascript&count=1" type="text/javascript" charset="utf-8"></script>
src中的連結是你要訪問的連結
2,在連結後面新增一個引數callback=handleResponse(handleResponse是一個回撥函式名,可以自己定義)如下:
<script src="https://api.douban.com/v2/book/search?q=javascript&count=1&callback=handleResponse" type="text/javascript" charset="utf-8"></script>
3,再建立一個script標籤,裡面建立一個函式函式的名字就是handleResponse,記住函式裡面要定義一個引數res(自己定義名字),如:
<script type="text/javascript">
function handleResponse(res){
console.log(res); //res就是返回的資料,此時你就可以用到這個資料
}
</script>
*三步走戰略*完整的格式就是
<body>
</body>
<script src="https://api.douban.com/v2/book/search?q=javascript&count=1&callback=handleResponse" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function handleResponse(res){
console.log(res);
}
</script>
重要的一點就是src訪問資源不受跨域限制,所以可以通過src這個特性來實現跨域訪問資料