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


ajax动态获取数据 创建页面的几种方法 今天总结一下 工作中经常会用到

动态创建的方法一:通过创建和添加节点实现 $.ajax({ url:'data/zhuye-nav.json', success:function(data){ //...
  • fanhu6816
  • fanhu6816
  • 2016年07月31日 21:19
  • 5628

ajax请求数据,后台提供数据返回json, 前台js拼html,回填

ajax请求 /*全民看盘*/ $('#qmkp').click(function () { if($("#qmkps tr").length>0){ }else{ var Aj...
  • A9925
  • A9925
  • 2016年08月09日 14:40
  • 2563

使用Ajax抓取远程网页源代码并抓取其中图片【老司机不须再用】

抓取输入框中的URL的源代码,并从源代码中抓取其中的所有图片或视频地址。该工具帮助你快速获取你想要的图片或视频资源。...
  • HelloWorld_In_Java
  • HelloWorld_In_Java
  • 2017年05月17日 20:43
  • 572

html页面的数据利用js或者Ajax传输到后台java、php

网页制作工程中会经常遇见数据的传输。然而对于java或者php等是在服务器执行的程序,当页面加载之后嵌在html的这些代码是最先执行的。所以利用简单的传递数据是有问题的。现在介绍几种不同的传递参数问题...
  • u011403366
  • u011403366
  • 2015年10月16日 09:14
  • 3611

ajax动态更换局部块

function order(obj){$.ajax({url: obj,type: "GET",success: function(data) {var promoteList = data.suc...
  • qq_30034681
  • qq_30034681
  • 2016年01月29日 15:08
  • 1240

HTML中使用Ajax进行局部刷新页面

使用Ajax进行用户名动态校验,局部刷新页面1.在HTML页面中使用js脚本将请求数据发送给后台servlet 由按钮触发事件 查询 由js脚本对将数据发送到后台 var req = new ...
  • u013360850
  • u013360850
  • 2016年10月09日 20:13
  • 18532

Ajax技术(6)--ajax 对 html和Json 格式的解析

Json 的介绍: JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器...
  • jdfkldjlkjdl
  • jdfkldjlkjdl
  • 2014年10月29日 19:22
  • 3162

AJAX入门 之 使用 AJAX 修改页面文本内容(四)

function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome...
  • u013630349
  • u013630349
  • 2016年07月07日 11:21
  • 1803

HTML中使用Ajax进行局部刷新页面

HTML中使用Ajax进行局部刷新页面,使用JS将数据发送到后台 1.在HTML页面中使用js脚本将请求数据发送给后台servlet 由按钮触发事件 button id="selec...
  • qq136501564
  • qq136501564
  • 2017年08月10日 09:53
  • 580

Ajax拿取html格式数据

数据格式提要 在服务器端Ajax是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以 从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端端编程语言能以如下3种格式返...
  • LHJBK
  • LHJBK
  • 2016年11月11日 17:15
  • 257
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax简单html页面内容获取
举报原因:
原因补充:

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