js 将网页生成为html保存访问

2012-04-03

今天实现了一个需求，主题是将浏览中的网页生成html保存起来，记录访问url，挂在公司网站上做案例。

 

 

首先忙活了N久的是去搜索生成html的js函数。

 

什么IE自带的ActiveX，js插件，js的winow.print();函数调用打印机打印页面等

 

最后结果是怎么搞都是不行。

 

就快到穷途末路时，在stackoverflow.com网站看到一条问题，也是与生成html相关的。

 

牛人解决方案如下：

 

使用jQuery

 

// 看到这句我顿时哑语了，这么简单的方法我怎么想不到

 

var dom = $("html").html(); //获取html节点的内容

//alert(dom);

 

$.post("exportCase.do",{dom:$("html").html()}); //服务器接受请求处理，将html内容输出为xxx.htm保存到你想指定的路径

 

 

 

 

 

最后我借鉴与此，写了一个完善的js函数：

< script  type = "text/javascript" >

<!--

function  exportCase() {

      try{

            var  filename = prompt( "请输入要生成的html文件名：" , "" );

             if (undefined==filename ||  "" ==filename) {

                  new  Boxy( "<div style='width:300px;height:100px;'><p>文件名为空，生成失败</p></div>" ,  { title :  '消息提示' } );

                   return ;

             }

             //alert("export filename:"+filename);

             $j.ajax( {

                   type :  "post" ,

                  url :  "exportCaseAjax.do" ,

                  cache :  "false" ,

                  data :  {

                         "dom" :$j( "html" ).html(),

                         "filename" :filename,

                         "rnd" : ajaxRandom()

                   } ,

                  dataType: "json" ,

                  success :  function (data, textStatus)  {

                        if (!isUndefined(data)) {

                              var  code = data.code;

                               //alert(code);

                               if (code==0) {

                                    var  d = data.data;

                                     new  Boxy( "<div style='width:400px;height:100px;'><p>" +d.name+ "文件生成成功!</p><p>访问路径为:</p><p>&nbsp;&nbsp;" +d.url+ "</p></div>" ,  { title :  '消息提示' } );

                               } else {

                                    new  Boxy( "<div style='width:300px;height:100px;'><p>" +data.data+ "</p></div>" ,  { title :  '消息提示' } );

                               }

                        }

                  }

            } );   

       }catch (err) {}     

}

//-->

</ script >

 

 

服务器处理的action代码我就不贴出来了，用I/O就行了。