Ajax-08 跨域擷取最新電視節目清單一實例

來源:互聯網
上載者:User

標籤:跨域請求   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 跨域擷取最新電視節目清單一實例

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.