看点：
1、file_get_contents超时控制。
2、页面编码判断。
3、键盘Enter键捕捉响应。
4、键盘event兼容处理。//event = event || window.event;
5、XMLHttpRequest 和 jQuery 两种实现方案。
6、页面及源码同时展示。
XMLHttpRequest版本 get_web.php
复制代码 代码如下:
header("Content-type: text/html; charset=utf-8");
if(!empty($_POST['input_text'])) {
ini_set('default_socket_timeout', 10);
if(!$data = file_get_contents($_POST['input_text'])) {
echo "Time out!";
return ;
}
$charset_pos = stripos($data,'charset');
if($charset_pos) {
if(stripos($data,'utf-8',$charset_pos)) {
echo iconv('utf-8','utf-8',$data);
}else if(stripos($data,'gb2312',$charset_pos)) {
echo iconv('gb2312','utf-8',$data);
}else if(stripos($data,'gbk',$charset_pos)) {
echo iconv('gbk','utf-8',$data);
}
return;
}
echo $data;
}else {
?>
<script type="text/javascript"> <BR>function createXMLHTTP() <BR>{ <BR>try <BR>{ <BR>var request = new XMLHttpRequest(); <BR>} <BR>catch(e1) <BR>{ <BR>var arrVersions = ["Microsoft.XMLHTTP","MSXML2.XMLHttp.4.0", <BR>"MSXML2.XMLHttp.3.0","MSXML2.XMLHttp.5.0"]; <BR>for(var i=0;i < arrVersions.length;i++){ <BR>try{ <BR>request = new ActiveXObject(arrVersions[i]); <BR>}catch(e2){ <BR>request = false; <BR>} <BR>} <BR>} <BR>return request; <BR>} <BR>function <a style="color:#f60; text-decoration:underline;" title= "ajax"href="https://m.php.cn/zt/15849.html" target="_blank">ajax_post(url, params, target_id) <BR>{ <BR>request = new createXMLHTTP(); <BR>request.onreadystatechange = function() { <BR>if (this.readyState == 4) <BR>if (this.status == 200) <BR>if (this.responseText != null) <BR>document.getElementById(target_id).innerHTML = this.responseText; <BR>} <BR>request.open("POST", url, true); <BR>request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); <BR>request.setRequestHeader("Content-length", params.length); <BR>request.setRequestHeader("Connection", "close"); <BR>request.send(params); <BR>} <BR>var checked = false; <BR>function check_(value) { <BR>checked = value; <BR>} <BR>function get_key(event) { <BR>event = event || window.event; <BR>if(event.keyCode==13 && checked != false) <BR>{ <BR>var url = document.getElementById('input_text').value; <BR>if(url != '') { <BR>get_page(); <BR>}else { <BR>document.getElementById('input_text').onfocus(); <BR>return false; <BR>} <BR>} <BR>} <BR>function get_page() { <BR>var url = document.getElementById('input_text').value; <BR>if(!url) { <BR>return false; <BR>}else { <BR>if(document.getElementById('output_page').innerHTML != '') { <BR>document.getElementById('output_page').innerHTML = ''; <BR>} <BR>} <BR>if(url.indexOf('http://') == -1) { <BR>url = 'http://'+url; <BR>} <BR>ajax_post( <BR>'<?php echo $_SERVER['PHP_SELF']; ?>', <BR>'input_text='+url, <BR>'output_page' <BR>); <BR>document.getElementById('click_show').style.display = 'block'; <BR>document.getElementById('back_a').href = document.location.href; <BR>document.getElementById('origin_website').href = url; <BR>} <BR></script>
}
//End_php
jQuery 版本 get_web.php
复制代码 代码如下:
header("Content-type: text/html; charset=utf-8");
if(!empty($_POST['input_text'])) {
ini_set('default_socket_timeout', 10);
if(!$data = file_get_contents($_POST['input_text'])) {
echo "Time out!";
return ;
}
$charset_pos = stripos($data,'charset');
if($charset_pos) {
if(stripos($data,'utf-8',$charset_pos)) {
echo iconv('utf-8','utf-8',$data);
}else if(stripos($data,'gb2312',$charset_pos)) {
echo iconv('gb2312','utf-8',$data);
}else if(stripos($data,'gbk',$charset_pos)) {
echo iconv('gbk','utf-8',$data);
}
return;
}
echo $data;
}else {
?>
<script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script>
<script type="text/javascript"> <BR>$(document).ready(function(){ <BR>$(document).keyup(function(e){ <BR>e = e || window.event; <BR>if(e.keyCode == 13 && $("#input_text").val() != '') { <BR>$(".button_box").click(); <BR>} <BR>}); <BR>$(".button_box").click(function(){ <BR>if($("#input_text").val() == '') { <BR>$("#input_text").addClass('errorTips').focus(); <BR>return false; <BR>}else { <BR>$("#input_text").removeClass('errorTips'); <BR>} <BR>$.ajax({ <BR>url: '<?php echo $_SERVER['PHP_SELF'] ?>', <BR>data: 'input_text='+$("#input_text").val(), <BR>type:'POST', <BR>success:function(msg){ <BR>$(".html_tips").show(); <BR>$("#origin_website").attr('href',$("#input_text").val()); <BR>$("#back_a").attr('href',document.location.href); <BR>$("#click_show").show(); <BR>$("#output_page_html").empty().val(msg).css({height:parseInt($(document).height()-100)}).show(); <BR>$("#output_page").empty().html(msg).show(); <BR>} <BR>}); <BR>}); <BR>}); <BR></script>
}
//End_php
作者：Zjmainstay
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
