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

在新版的“电影资料库”中，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;??????????????????? }??????????????? }??????????? }??????? }?