使用蜘蛛程序来实现电影资料库中的自动填写功能

在新版的“电影资料库”中，ajax被我大范围尝试，以此来提高界面的友好性，比如输入提示效果，div模拟对话框和服务端方法异步调用。

其中，我最得意的是依靠ajax技术实现了一个类似蜘蛛程序(spider)，完成表单自动填写。所谓蜘蛛程序，是一个自动在网络上抓取页面内容的程序，这项技术被广泛使用于搜索引擎中，类似google的蜘蛛程序在你的网站上从index开始抓取html内容，遇到连接在按照原先设置好的规则进入下一级页面抓取内容。而这原理也非常简单，只要实现一个类似xml-http访问指定的地址，剩下的就是如何分析html源代码及进行连接跳转了。

在新版本的电影资料库中，使用了asp.net2.0，webservices，atlas来实现所有的ajax实现。关于自动填写电影数据表单，是用户提供一个电影imdb编码，用户点一个连接来使用客户端的js方法来调用一个webservice，页面的内容抓取和分析都依靠webservice中的服务器端方法。调用返回后，在回调函数中赋值到对应的各项（关于atlas：http://atlas.asp.net)

function StartWebSpider()
{
var spider_loading=document.getElementById("spider_loading");
var imdbresult=document.getElementById('imdbresult');
var imdbvalue="/document.getElementById('<%=tx_imdb.ClientID" %>').value;
if (imdbvalue=='')
{
imdbresult.innerHTML="<span style='background-color:red;color:white'>请填写imdb</span>";
spider_loading.innerHTML="";
return;
}
//////web_spider 抓取
tbmtg.style.visibility="visible";/////显示详细的表单内容
imdbresult.innerHTML="";
mtgreleased=
com.thmz.mtgdb.service.Imdbservice.WebSpiderSearch(imdbvalue,
OnSpiderSearchComplete,OnTimeOut,OnError);//////调用webservice，实现抓取
/////显示loading图标
spider_loading.innerHTML="<img src="/images/indicator.gif"/>抓取影片数据中...";
spider_loading.style.visibility="visible";
}
//////异步调用超时时调用
function OnTimeOut(result)
{
//alert('time out');
var imdbresult=document.getElementById('imdbresult');
imdbresult.innerHTML="<span style='background-color:red;color:white'>超时</span>";
}
///////调用中发生异常时
function OnError(result)
{
// var imdbresult=document.getElementById('imdbresult');
// imdbresult.innerHTML="<span style='background-color:red;color:white'>出错了 -_-! </span>";
var spider_loading=document.getElementById("spider_loading");
spider_loading.innerHTML="<span style='background-color:red;color:white'>在某个地方出错了-_-!</span>";
spider_loading.style.visibility="visible";
}
////////抓取成功后被调用的函数，在这里给各项表单赋值，返回的result为webservice返回的类型，这里为映射到电影数据库电影表中各个字段的一个简单类（参看ormapping）
function OnSpiderSearchComplete(result)
{
var imdbresult=document.getElementById('imdbresult');
var imdbvalue="/document.getElementById('<%=tx_imdb.ClientID" %>').value;
if (result!=null)
{
var tbmtg=document.getElementById("tbmtg");
tbmtg.style.visibility="visible";
//alert(result.titlecn)
//debug.dump(result,'result',true);////atlas的调试方法
//imdbresult.innerHTML=result.titlecn;
//填充到表单各项
var tx_titlecn=new Sys.UI.TextBox($('<%=tx_titlecn.ClientID %>'));
tx_titlecn.initialize();
var tx_titleen=new Sys.UI.TextBox($('<%=tx_titleen.ClientID %>'));
tx_titleen.initialize();
var tx_officalsite=new Sys.UI.TextBox($('<%=tx_officalsite.ClientID %>'));
tx_officalsite.initialize();
var tx_manufacture=new Sys.UI.TextBox($('<%=tx_manufacture.ClientID %>'));
tx_manufacture.initialize();
var tx_certificate=new Sys.UI.TextBox($('<%=tx_certificate.ClientID %>'));
tx_certificate.initialize();
var tx_runtime=new Sys.UI.TextBox($('<%=tx_runtime.ClientID %>'));
tx_runtime.initialize();
var tx_tbyear=new Sys.UI.TextBox($('<%=tx_tbyear.ClientID %>'));
tx_tbyear.initialize();
if (result.titlecn!=null)
tx_titlecn.set_text(result.titlecn);
if (result.titleen!=null)
tx_titleen.set_text(result.titleen);
if (result.officalsite!=null)
tx_officalsite.set_text(result.officalsite);
if (result.manufacture!=null)
tx_manufacture.set_text(result.manufacture);
if (result.certificate!=null)
tx_certificate.set_text(result.certificate);
if (result.runtime!=null)
tx_runtime.set_text(result.runtime);
if (result.tbyear!=null)
tx_tbyear.set_text(result.tbyear);

var genrecol=result.genre.split("/");
for(g_i=0;g_i<genrecol.length;g_i++)
{
PutCheck(genrecol[g_i]);/////钩上对应的复选框
}
var countrycol=result.country.split("/");
for(c_i=0;c_i<countrycol.length;c_i++)
{
PutCheck(countrycol[c_i]);
}
var languagecol=result.dialoglanguage.split("/");
for(l_i=0;l_i<languagecol.length;l_i++)
{
PutCheck(languagecol[l_i]);
}
var colorcol=result.color.split("/");
for(cl_i=0;cl_i<colorcol.length;cl_i++)
{
PutCheck(colorcol[cl_i]);
}
var soundmixcol=result.soundmix.split("/");
for(s_i=0;s_i<soundmixcol.length;s_i++)
{
PutCheck(soundmixcol[s_i]);////
}

}
//////结束loading标记
var spider_loading=document.getElementById("spider_loading");
spider_loading.innerHTML="<img src="/images/indicator.gif"/>抓取导演数据中...";
spider_loading.style.visibility="visible";
}
//////钩选对应的复选框
function PutCheck(checkvalue)
{
alllabel=document.all.tags("label");

for(i=0;i<alllabel.length;i++)
{
//alert(alllabel(i).innerText);
if (alllabel(i).innerText==checkvalue)
{
var targetcheck=document.getElementById(alllabel(i).htmlFor);
if (targetcheck!=null)
{
targetcheck.checked=true;
}
}
}
}