JavascriptをAjaxを少し運動：動画サイトのクリックフリーの表示プロット

Ajaxを少し運動：80S作品ネットワーククリックレスは直接プロットを表示しました

1.由来

映画リストページは、多くの場合、簡単な紹介がクリック詳細ページに見る必要なしフィルム概要ではありませんので、あらすじを見選挙80S作品ネットワークムービーが見てたびに、非常に多くの映画がこれを見に行くためのポイントを持っている、不可欠ですフィルムの選択に多くのトラブルです。つい最近、AjaxリクエストのJsを知った練習に数行のコードを書くことを試してみたかったです。

2.コード


//80S电影网免点击直接看剧情简介

(function(){

    var oul=document.getElementsByClassName("stui-vodlist")[0];

    var oli=oul.getElementsByTagName("li");

    for(var i=0;i<oli.length;i++){

        oli[i].onmouseenter=function(){

            //1.获得详情链接，nowA为当前li下的A标签

            var nowA=this.getElementsByClassName("stui-vodlist__box")[0].getElementsByTagName("a")[0];

            var olink="http://www.80smp4.cc"+nowA.getAttribute("href");

            //2.发送Ajax请求

            function getJuQingData(){

                return new Promise(function(resolve,reject){

                    var xhr=new XMLHttpRequest();

                    xhr.onreadystatechange=function(){

                        if(xhr.readyState==4&&xhr.status==200){

                            var res=xhr.responseText;

                            var juQingData=res.split("<meta")[2];

                            resolve(juQingData);

                        }

                    }

                    xhr.open("GET",olink,true);

                    xhr.send();

                })

            }

            //3.将数据写入title

            async function main(){

                var juQing = await getJuQingData();

                nowA.setAttribute("title",juQing);

            }

            main();

        }

    }

})();

ここではtitle属性のAラベルの使用は、フィルムの概要を格納する（元の値には、映画の名前です）。その結果、映画の絵の上に単にマウスは、データ・ページの詳細、およびダイレクト・ショー映画概要を得るために、Ajaxリクエストをトリガーします。（注：映画だけタブのリストの映画のセクションをサポートしています）