標籤:跨域請求 round ext www mit htm creat 傳回值 執行個體
目標
請求江西網路廣播電視台電視節目
URL:http://www.jxntv.cn/data/jmd-jxtv2.html
分析
1.從Http頭資訊分析得知,器服務端未返迴響應頭Access-Control-Allow-xxxx 相關資訊,所以只能使用JSONP方式
2.從傳回值內容中分析得知,其傳回值永遠是:list(響應內容),即:由於伺服器將函數名寫死為list,所以指定callback在此程式中無效。
實現
get_tv_list.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跨域請求最新電視節目清單</title></head><body><h1>跨域請求</h1><input type="submit" value="XmlSendRequest擷取節目" onclick="XmlSendRequest();"/><input type="submit" value="JqSendRequest-擷取節目" onclick="JqSendRequest();"/><script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script> function XmlSendRequest() { // 建立script標籤 var tag = document.createElement(‘script‘); // 指定src tag.src = "http://www.jxntv.cn/data/jmd-jxtv2.html"; // 添加到head標籤中 document.head.appendChild(tag); // 刪除script標籤 document.head.removeChild(tag); } function JqSendRequest() { $.ajax({ url: "http://www.jxntv.cn/data/jmd-jxtv2.html", type: ‘GET‘, dataType: ‘jsonp‘ }) }
function list(arg) { console.log(arg); }</script></body></html>
Ajax-08 跨域擷取最新電視節目清單一實例