个人中心
gpt4 book ai didi

PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

看点：  1、file_get_contents超时控制。  2、页面编码判断。  3、键盘Enter键捕捉响应。  4、键盘event兼容处理。//event = event || window.event;  5、XMLHttpRequest 和 jQuery 两种实现方案。  6、页面及源码同时展示。  XMLHttpRequest版本 get_web.php  。

复制代码代码如下

<?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 {  ?>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>Get Web Page</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta http-equiv="Content-Language" content="zh-CN" />  <script type="text/javascript">  function createXMLHTTP()  {  try  {  var request = new XMLHttpRequest();  }  catch(e1)  {  var arrVersions = ["Microsoft.XMLHTTP","MSXML2.XMLHttp.4.0",  "MSXML2.XMLHttp.3.0","MSXML2.XMLHttp.5.0"];  for(var i=0;i < arrVersions.length;i++){  try{  request = new ActiveXObject(arrVersions[i]);  }catch(e2){  request = false;  }  }  }  return request;  }  function ajax_post(url, params, target_id)  {  request = new createXMLHTTP();  request.onreadystatechange = function() {  if (this.readyState == 4)  if (this.status == 200)  if (this.responseText != null)  document.getElementById(target_id).innerHTML = this.responseText;  }  request.open("POST", url, true);  request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  request.setRequestHeader("Content-length", params.length);  request.setRequestHeader("Connection", "close");  request.send(params);  }  var checked = false;  function check_(value) {  checked = value;  }  function get_key(event) {  event = event || window.event;  if(event.keyCode==13 && checked != false)  {  var url = document.getElementById('input_text').value;  if(url != '') {  get_page();  }else {  document.getElementById('input_text').onfocus();  return false;  }  }  }  function get_page() {  var url = document.getElementById('input_text').value;  if(!url) {  return false;  }else {  if(document.getElementById('output_page').innerHTML != '') {  document.getElementById('output_page').innerHTML = '';  }  }  if(url.indexOf('http://') == -1) {  url = 'http://'+url;  }  ajax_post(  '<?php echo $_SERVER['PHP_SELF']; ?>',  'input_text='+url,  'output_page'  );  document.getElementById('click_show').style.display = 'block';  document.getElementById('back_a').href = document.location.href;  document.getElementById('origin_website').href = url;  }  </script>  <style>  .div_box{  margin-top:10px;  }  .input_box{  border:1px solid;  margin-left:10px;  margin-top:2px;  height:15px;  float:left;  size:32  font-size: 14px;  }  .button_box{  float:left;  height:23px;  padding-bottom:3px;  }  .hide_box{  display:none;  }  .a_box{  margin-left:10px;  margin-top:3px;  height:15px;  float:left;  font-size: 14px;  }  .clear_box{  height:50px;  }  </style>  </head>  <body onkeydown="get_key(event)">  <div class="div_box">  <input id="input_text" class="input_box" type="text" value="" onclick="check_(true)" onblur="check_(false)"></input>  <input type="button" class="button_box" onclick="get_page()" value="Get it!" ></input>  <div id="click_show" class="hide_box">  <a id="origin_website" class="a_box" href="#" target="_black">访问原站</a>  <a id="back_a" class="a_box" href="#">后退</a>  </div>  </div>  <div class="clear_box"></div>  <div id="output_page"></div>  </body>  </html>  <?php  }  //End_php  。

jQuery 版本 get_web.php  。

复制代码代码如下

<?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 {  ?>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>Get Web Page</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <meta http-equiv="Content-Language" content="zh-CN" />  <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/jquery-1.6.2.min.js"></script>  <script type="text/javascript">  $(document).ready(function(){  $(document).keyup(function(e){  e = e || window.event;  if(e.keyCode == 13 && $("#input_text").val() != '') {  $(".button_box").click();  }  });  $(".button_box").click(function(){  if($("#input_text").val() == '') {  $("#input_text").addClass('errorTips').focus();  return false;  }else {  $("#input_text").removeClass('errorTips');  }  $.ajax({  url: '<?php echo $_SERVER['PHP_SELF'] ?>',  data: 'input_text='+$("#input_text").val(),  type:'POST',  success:function(msg){  $(".html_tips").show();  $("#origin_website").attr('href',$("#input_text").val());  $("#back_a").attr('href',document.location.href);  $("#click_show").show();  $("#output_page_html").empty().val(msg).css({height:parseInt($(document).height()-100)}).show();  $("#output_page").empty().html(msg).show();  }  });  });  });  </script>  <style>  .div_box{  margin-top:10px;  }  .input_box{  border:1px solid;  margin-left:10px;  margin-top:2px;  height:15px;  float:left;  size:32  font-size: 14px;  }  .button_box{  float:left;  height:23px;  padding-bottom:3px;  }  .hide_box{  display:none;  }  .a_box{  margin-left:10px;  margin-top:3px;  height:15px;  float:left;  font-size: 14px;  }  .clear_box{  height:50px;  }  .error_tips{  border:1px solid red;  }  #output_page_html{  width:960px;  margin:0 auto;  }  .html_tips{  float: left;  margin: 0 21px;  font-size:1.8em;  }  </style>  </head>  <body>  <div class="div_box">  <input id="input_text" class="input_box" type="text" value=""></input>  <input type="button" class="button_box" value="Get it!" ></input>  <div id="click_show" class="hide_box">  <a id="origin_website" class="a_box" href="#" target="_black">访问原站</a>  <a id="back_a" class="a_box" href="#">后退</a>  </div>  </div>  <div class="clear_box"></div>  <div class="html_tips hide_box">站点</div>  <div id="output_page"></div>  <div class="html_tips hide_box">站点源码</div>  <textarea id="output_page_html" class="hide_box"></textarea>  </body>  </html>  <?php  }  //End_php  。

作者：Zjmainstay 。

最后此篇关于PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)的文章就讲到这里了,如果你想了解更多关于PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

25 4 0
文章推荐： 关于UEditor编辑器远程图片上传失败的解决办法
文章推荐： php数组一对一替换实现代码
文章推荐： PHP的简易冒泡法代码分享
文章推荐： php 解决旧系统 查出所有数据分页的类
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com