AJAX異步從優(yōu)酷專輯中采集所有視頻及信息(JavaScript代碼)
更新時間:2010年11月20日 15:53:07 作者:
上次寫了一個 .NET從優(yōu)酷專輯中采集所有視頻及信息(VB.NET代碼)
個人覺得不甚滿意,因為VB.NET在.NET環(huán)境下執(zhí)行采集,產(chǎn)生的網(wǎng)絡(luò)連接與正則匹配消耗太大,而我最終的應(yīng)用是在視頻采集提交上,所以就考慮用JS的AJAX+正則表達(dá)式來完成這個目標(biāo)。
以前一直沒有系統(tǒng)地學(xué)習(xí)JS和正則,所以花費的時間比預(yù)想的要長,折騰了一個晚上,糊弄出了下面的代碼。=..=
<!--
夜聞香原創(chuàng),轉(zhuǎn)載請保留此信息,萬分感謝!
博客: http://clso.cnblogs.com
主頁: http://cleclso.cn
QQ:315514678 E-mail:clso#qq.com
歡迎技術(shù)交流!
-->
<html>
<head>
<title>JavaScipt AJAX & 正則表達(dá)式 test</title>
<script type="text/javascript" language="javascript">
function wrt(s){
subret.value = s + "\n" + subret.value;
//subret.value += "\n" + s;
}
var objRequest; //定義一個XML請求對象
var previd = "",nowid =0,listid = "",iscancel=false; //其他變量
function getlid(){
var listid = weburl.value.match(/playlist_show\/.*(?=id_(\d+)).*\.html$/i);
if(!listid){
return null;
} else {
return listid[1];
}
}
function retweb(){
if(objRequest.readyState == 4 && objRequest.status == 200){
// 獲得回調(diào)
var webstr = objRequest.responseText;
vid = webstr.match(/var\s+videoId\s*=\s*"(\d+)"\s*;/)[1];
vtitle = webstr.match(/<title>(.+) - (.+) - 視頻 - 優(yōu)酷視頻 - 在線觀看( - )?<\/title>/)[2];
wrt(nowid + ":" + vtitle + "=" + vid);
if(previd == vid) return;
previd = vid;
nowid += 1;
// 開始新循環(huán)
if(iscancel) return;
tstart();
} else {
//alert("回調(diào)失??!");
return;//"error: " + objRequest.statusText;
}
}
function getweb(u){
objRequest = new XMLHttpRequest(); //new ActiveXObject("Msxml2.XMLHTTP"); //IE5&6初始化XMLHTTP對象
objRequest.onreadystatechange = retweb; //異步回調(diào)方法
objRequest.open("GET",u,true);
objRequest.send(null);
}
function tstart(){
if(listid==""){
listid=getlid();
}
url = "http://v.youku.com/v_playlist/f" + listid + "o1p" + nowid + ".html";
getweb(url);
}
</script>
</head>
<body>
<input type="text" id="weburl" value="http://www.youku.com/playlist_show/id_2350764.html" style="width:640" /><br />
<textarea id="subret" readonly="readonly" style="width:640; height:360;">#star</textarea>
<br/>
<input type=button value="開始提取專輯" onclick="if(iscancel)iscancel=false;tstart();" />
<input type=button value="清除文本" onclick="subret.value='';nowid =0;preid='';listid='';" />
<input type=button value="暫停" onclick="iscancel=true;" />
</body>
</html>
思路基本跟上次的一樣,所以就不多贅述了。
用VB.NET一個頁面的采集時間一般在1秒鐘左右,而這個代碼依靠客戶端腳本,每個頁面采集在0.3~0.5秒左右,依據(jù)用戶的電腦配置而不同。
個人用IE7測試通過,但代碼比較隨意,所以兼容性不是很好。如果你需要使用,請自行修改代碼。
夜聞香原創(chuàng),轉(zhuǎn)載請保留此信息
博客: http://clso.cnblogs.com/
主頁: http://www.cleclso.cn/
以前一直沒有系統(tǒng)地學(xué)習(xí)JS和正則,所以花費的時間比預(yù)想的要長,折騰了一個晚上,糊弄出了下面的代碼。=..=
復(fù)制代碼 代碼如下:
<!--
夜聞香原創(chuàng),轉(zhuǎn)載請保留此信息,萬分感謝!
博客: http://clso.cnblogs.com
主頁: http://cleclso.cn
QQ:315514678 E-mail:clso#qq.com
歡迎技術(shù)交流!
-->
<html>
<head>
<title>JavaScipt AJAX & 正則表達(dá)式 test</title>
<script type="text/javascript" language="javascript">
function wrt(s){
subret.value = s + "\n" + subret.value;
//subret.value += "\n" + s;
}
var objRequest; //定義一個XML請求對象
var previd = "",nowid =0,listid = "",iscancel=false; //其他變量
function getlid(){
var listid = weburl.value.match(/playlist_show\/.*(?=id_(\d+)).*\.html$/i);
if(!listid){
return null;
} else {
return listid[1];
}
}
function retweb(){
if(objRequest.readyState == 4 && objRequest.status == 200){
// 獲得回調(diào)
var webstr = objRequest.responseText;
vid = webstr.match(/var\s+videoId\s*=\s*"(\d+)"\s*;/)[1];
vtitle = webstr.match(/<title>(.+) - (.+) - 視頻 - 優(yōu)酷視頻 - 在線觀看( - )?<\/title>/)[2];
wrt(nowid + ":" + vtitle + "=" + vid);
if(previd == vid) return;
previd = vid;
nowid += 1;
// 開始新循環(huán)
if(iscancel) return;
tstart();
} else {
//alert("回調(diào)失??!");
return;//"error: " + objRequest.statusText;
}
}
function getweb(u){
objRequest = new XMLHttpRequest(); //new ActiveXObject("Msxml2.XMLHTTP"); //IE5&6初始化XMLHTTP對象
objRequest.onreadystatechange = retweb; //異步回調(diào)方法
objRequest.open("GET",u,true);
objRequest.send(null);
}
function tstart(){
if(listid==""){
listid=getlid();
}
url = "http://v.youku.com/v_playlist/f" + listid + "o1p" + nowid + ".html";
getweb(url);
}
</script>
</head>
<body>
<input type="text" id="weburl" value="http://www.youku.com/playlist_show/id_2350764.html" style="width:640" /><br />
<textarea id="subret" readonly="readonly" style="width:640; height:360;">#star</textarea>
<br/>
<input type=button value="開始提取專輯" onclick="if(iscancel)iscancel=false;tstart();" />
<input type=button value="清除文本" onclick="subret.value='';nowid =0;preid='';listid='';" />
<input type=button value="暫停" onclick="iscancel=true;" />
</body>
</html>
思路基本跟上次的一樣,所以就不多贅述了。
用VB.NET一個頁面的采集時間一般在1秒鐘左右,而這個代碼依靠客戶端腳本,每個頁面采集在0.3~0.5秒左右,依據(jù)用戶的電腦配置而不同。
個人用IE7測試通過,但代碼比較隨意,所以兼容性不是很好。如果你需要使用,請自行修改代碼。
夜聞香原創(chuàng),轉(zhuǎn)載請保留此信息
博客: http://clso.cnblogs.com/
主頁: http://www.cleclso.cn/
您可能感興趣的文章:
- js+AJAX異步從優(yōu)酷專輯中采集所有視頻及信息
- 滑輪滾動到頁面底部ajax加載數(shù)據(jù)配合jsonp實現(xiàn)探討
- 純js實現(xiàn)瀑布流布局及ajax動態(tài)新增數(shù)據(jù)
- 原生JavaScript實現(xiàn)Ajax的方法
- AJAX實現(xiàn)跨域的三種方法(代理,JSONP,XHR2)
- js HTML5 Ajax實現(xiàn)文件上傳進(jìn)度條功能
- js實現(xiàn)簡單實用的AJAX完整實例
- JavaScript、jQuery與Ajax的關(guān)系
- Ajax+js實現(xiàn)異步交互
- jsp+ajax實現(xiàn)無刷新上傳文件的方法
- JS基于MSClass和setInterval實現(xiàn)ajax定時采集信息并滾動顯示的方法
相關(guān)文章
Javascript拖拽&拖放系列文章3之細(xì)說事件對象
Javascript中的事件對象其實和.NET中繼承自EventArgs類的派生類類似,用來給事件處理程序傳遞狀態(tài)信息,從而進(jìn)行相應(yīng)的操作。這一篇文章將講述Javascript事件對象中和實現(xiàn)拖拽功能相關(guān)的幾個屬性,并在最后將IE事件模型和標(biāo)準(zhǔn)DOM事件模型的差異封裝到一個類中,從而適應(yīng)所有的瀏覽器。2008-09-09用JavaScript對JSON進(jìn)行模式匹配(Part 1-設(shè)計)
在《從 if else 到 switch case 再到抽象》這篇文章里面說到,解決 if else 和 switch case 分支過多的一個方法,就是做一個專用的 dispatcher ,讓它來負(fù)責(zé)進(jìn)行篩選與轉(zhuǎn)發(fā)。2010-07-07詳解JavaScript中的Unescape()和String() 函數(shù)
這篇文章主要介紹了詳解JavaScript中的unescape()和String() 函數(shù),JavaScript unescape() 函數(shù)可對通過 escape() 編碼的字符串進(jìn)行解碼,String() 函數(shù)把對象的值轉(zhuǎn)換為字符串,對本文感興趣的朋友一起學(xué)習(xí)吧2015-11-11JavaScript+html5 canvas實現(xiàn)圖片破碎重組動畫特效
這篇文章主要介紹了JavaScript+html5 canvas實現(xiàn)破碎重組的視頻特效,感興趣的小伙伴們可以參考一下2016-02-02ES6?Promise.all的使用方法以及其細(xì)節(jié)詳解
Promise對象用于表示一個異步操作的最終完成(或失敗)及其結(jié)果值,下面這篇文章主要給大家介紹了關(guān)于ES6?Promise.all的使用方法以及其細(xì)節(jié)的相關(guān)資料,需要的朋友可以參考下2022-07-07JavaScript如何讓select選擇框可輸入和可下拉選擇
我們知道一般select下拉框是只能選擇的,而有時我們會遇到下拉框中沒有要選擇的信息項或者下拉選項特別多時,需要允許用戶輸入想要的內(nèi)容,這篇文章主要給大家介紹了關(guān)于JavaScript如何讓select選擇框可輸入和可下拉選擇的相關(guān)資料,需要的朋友可以參考下2023-10-10