ajax简单html页面内容获取

原创 2016年05月30日 16:07:09

代码:

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


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

2013-6-28-2-服务端获取客户端html页面内容

客户端怎么提交  整个html页面?    分析:      1>我们知道b/s模式,也知道http协议。服务端想要获取客户端的数据,客户端就 必须提交给它,服务器才能获取到。     2&g...

利用webBrowser获取框架内Html页面内容

利用webBrowser获取页面比较简单,MSDN下有示例,在这里不必多说。 可是一些 HTML 文档由“框架”构成,或可以存放它们自己独特 HTML 文档的窗口。使用框架可以轻松地创建 HTM...

利用webBrowser获取框架内Html页面内容

可是一些 HTML 文档由“框架”构成,或可以存放它们自己独特 HTML 文档的窗口。使用框架可以轻松地创建 HTML 页面,其中一页或多页在其他框架持续更改它们内容的同时保持静态,例如导航栏。 ...

node.js学习之用路由方法获取简单的图文html页面

程序主程序n8_routehtml.js var http = require('http'); var url = require('url'); var router = require(...

javascript动态修改html页面内容

1:下面是动态删除页面内容          效果:     没删除前:       删除后:     ...

java-jsoup解析html页面的内容

前面一篇文章讲述了 怎么用httpclient发送页面请求,下面要做的就是 爬取请求到的页面的 内容了。 jsoup可以帮助我们很好的解析页面内容。具体例子我们在上文的框架里做示范。 上文链接:htt...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)