ajax简单html页面内容获取

代码:

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


阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

ajax简单html页面内容获取

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭