ajax采集整页面实现代码
ajax采集是很多朋友在单页面操作时要做的一个东西，就是利用ajax采集别人网站的东西，这样用户体验好了不少，下面我们的实例是整个html页面都保存下来。 代码如下 !DOCTYPE html PUBLIC
ajax采集是很多朋友在单页面操作时要做的一个东西，就是利用ajax采集别人网站的东西，这样用户体验好了不少，下面我们的实例是整个html页面都保存下来。
| 代码如下 | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <div id="test"> <pre> 休息休息 </pre> </div> <script type="text/javascript" src="ajax.js"></script> <script type="text/javascript"> var connector = (function(){ var connector = null; if(window.XMLHttpRequest){ connector = new XMLHttpRequest(); }else if(window.ActiveXObject){ connector = new ActiveXObject('Microsoft.XMLHTTP'); } return connector; })(); var innerText = document.body.innerText ? 'innerText' : 'textContent'; var handler = function(response){ document.getElementById('test').getElementsByTagName('pre')[0][innerText] = response; } connector.onreadystatechange = (function(callback){ return function(){ if(connector.readyState == 4){//这里connector.status == 200都省了。 callback.call(connector,connector.responseText); } } })(handler); connector.open('GET',location.href,true);//发送到本页面 connector.send(); </script> </body> </html> |
|
精彩图集
精彩文章