PHP は AJAX を使用して Web ページを取得し、実装コードを出力します (Zjmainstay)

看点：
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 {
?>

访问原站
后退

}
//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 "タイムアウト!";
戻る ;
}
$charset_pos =tripos($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);
}
戻る;
}
echo $data;
}else {
?>

.div_box{
margin-top:10px;
}
.input_box{
border:1px ソリッド;
マージン左:10px;
マージントップ:2px;
高さ:15px;
浮動小数点:左;
サイズ:32
フォントサイズ:14px;
}
.button_box{
float:left;
高さ:23px;
パディングボトム:3px;
}
.hide_box{
display:none;
}
.a_box{
margin-left:10px;
マージントップ:3px;
高さ:15px;
浮動小数点:左;
フォントサイズ: 14px;
}
.clear_box{
高さ:50px;
}
.error_tips{
border:1px 赤一色;
}
#output_page_html{
width:960px;
マージン:0 自動;
}
.html_tips{
float: left;
マージン: 0 21px;
フォントサイズ:1.8em;
}

入力>

访问原站
後退

站点

站点资源