关闭

ajax简单html页面内容获取

189人阅读 评论(0) 收藏 举报

代码:

page.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery.min.js"></script>
<script type="text/javascript">
</script>
</head>




<body>
<table class="tb" border="1">
 <tr><td class="tdr">HTML语言</td><td >jquery语言</td></tr>
 <tr><td >c语言</td><td >js语言</td></tr>


</table>
</body>
</html>

Untitled.html

<!DOCTYPE html>


<html>


<head>


<meta charset="utf-8" />


<title>用户注册</title>




<script src="jquery.min.js"></script>


<script type="text/javascript">
$(function(){
$('#showPage').click(function(){
$.ajax({
  url:"page.html",
  dataType:"html",
  type:"get",
  beforeSend: function(){
  $('#showPage').attr('dis','1');
  },
  success: function(result){
  $('#showArea').html(result);
  },
  complete:function(){
$('#showPage').removeAttr('dis');
  },

});


});

});


</script>


</head>


<body>
<div id="showArea" class="showDiv" style="width:300px;height:300px;background-color:#cccccc;"></div>
<P><a id="showPage" href="javascript:void(0);">读取html页面</a></P>




</body>


</html>

结果:

page.html


Untitled.html


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31457次
    • 积分:1781
    • 等级:
    • 排名:千里之外
    • 原创:147篇
    • 转载:26篇
    • 译文:3篇
    • 评论:5条
    最新评论