1. 程式人生 > >通過jsonp來實現跨域訪問獲取資料!!!

通過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這個特性來實現跨域訪問資料