js部分
|
(function(window, document) {
'use strict';
varjsonp =function(url, data, callback) {
//1、掛載回呼函數
varfnsuffix = Math.random().toString().replace('.','');
varcbFuncName ='my_json_cb'+ fnsuffix;
window[cbFuncName] = callback;
//2、將data轉換成url字串的形式
//{id=1,count=4}==>id=1&count=4
varquerystring = url.indexOf('?') == -1 ?'?':'&'; //判斷url中最後是否有？，沒有則為？
for(varkeyindata) {
querystring += key +'='+ data[key] +'&';
}
//3、處理url中回呼函數 url+=callback=sdgade
querystring +='callback='+ cbFuncName;
//querystring=?id=1&count=4&callback=sdgade
//4、建立一個script標籤
varscriptElement = document.createElement('script');
scriptElement.src = url + querystring;
//5、把script標籤放到頁面上
document.body.appendChild(scriptElement);
};
window.$jsonp = jsonp;
})(window, document)
|
在頁面中測試
|
<!DOCTYPE html>
<html>
<head>
<title>jsonp</title>
</head>
<body>
<div id="htt"></div>
<script type="text/javascript"src="http.js"></script>
<script>
(function(){
$jsonp('http://api.douban.com/v2/movie/in_theaters',{},
function(data){
document.getElementById('htt').innerHTML=JSON.stringify(data);
});
})()
</script>
</body>
</html>
|
結果可以返回結果，頁面顯示為，表示擷取成功！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
