jQuery加载一个html页面到指定的div里

一、jQuery加载一个html页面到指定的div里

把a.html里面的某一部份的内容加载到b.html的一个div里。
比如：加载a.html里面的<div id=“row"></div>这个div里面的所有内容加载到b.html的这个div里<div id="content"></div>

用jquery ajax 可以实现
假设 a.html 和b.html在同一目录
b.html

 1 <script >
 2 $(document).ready(function() {
 3     bodyContent = $.ajax({  4 url: "b.html",  5 global: false,  6 type: "POST",  7  data: ({  8 id: this.getAttribute('row')  9  }), 10 dataType: "html", 11 async: false, 12 success: function(msg) { 13  alert(msg); 14  } 15  }) 16 }); 17 </script>

二、juqery $.ajax 请求另一个html页面的指定的“一部分”加载到本页面div，重点是一部分数据加载到本页面div

大至思路如下：

 1 $.ajax( {
 2         url: url, //这里是静态页的地址
 3 type: "GET", //静态页用get方法，否则服务器会抛出405错误  4 success: function(data){  5 var result = $(data).find("另一个html页面的指定的一部分");  6 $("本页面div").html(result);  7  8  9  } 10 });

或参考下面的代码:

 1 $(function(){
 2      $.ajax({
 3 type:"POST",  4 url:"LoginLoadArticle.ashx",  5 data: "type="+escape("最新公告") ,  6 success:function(msg){  7 $(".gonggao").html(msg);  8  },  9 error:function(XMLHttpRequest, textStatus, thrownError){} 10  }) 11 12 })

如果参数不明白可以参考

三、JQuery中$.ajax()方法参数详解

http://blog.csdn.net/chelen_jak/article/details/22742567

转载于:https://www.cnblogs.com/webenh/p/5718478.html

jQuery加载一个html页面到指定的div里相关推荐

jQuery怎么加载一个html页面到我指定的div里面
一.jQuery怎么加载一个html页面到我指定的div里面.(来自百度知道) 我想把a.html里面的某一部份的内容加载到b.html的一个div里. 比如,我要加载a.html里面的<div ...
div 夸站点加载html,使用jQuery加载html页面到指定的div实现方法
一.jQuery加载一个html页面到指定的div里把a.html里面的某一部份的内容加载到b.html的一个div里. 比如:加载a.html里面的用jquery ajax 可以实现假设 a. ...
JS浏览器加载一个页面的过程
加载过程->从上向下逐行进行加载 <!DOCTYPE html> <html><head><meta charset="UTF-8" ...
html中加载解析,HTML页面加载和解析流程详细介绍
序言: 我一直都认为"网页制作"这个词是一个不怎么高端的词,在我的印象中网页制作的词是没有生命力的一个制作,我喜欢用HTML 这样简单直接,这词凸显高端,有大气漂亮的UI.一套完美 ...
使用jQuery加载js脚本
动态加载Javascript是一项非常强大且有用的技术.这方面的主题在本站已经讨论了不少,我也经常会在一些个人项目上使用 RequireJS和Dojo加载js.它们很强大,但有时候也会得不偿失.如果你 ...
jQuery加载js脚本
动态加载Javascript是一项非常强大且有用的技术.这方面的主题在本站已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js.它们很强大,但有时候也会得不偿失.如果你使 ...
c# 实现网页加载后将页面截取为长图片
背景最近再做一个需求,需要对网页生成预览图,如下图但是网页千千万,总不能一个个打开,截图吧:于是想着能不能使用代码来实现网页的截图.其实要实现c#教程这个功能,无非就是要么实现一个仿真浏览器,要么 ...
Java动态加载一个类的几种方法以及invoke
一.加载一个类的几种方法接口 IUser package org.me.javaapp;/**** @author Administrator*/ public interface IUser {} ...
Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
让Webview加载的页面居中显示有我知道的俩种方法第一种: [java] WebSettings settings = webView.getSettings(); settings.setL ...

jQuery加载一个html页面到指定的div里

一、jQuery加载一个html页面到指定的div里

jQuery加载一个html页面到指定的div里相关推荐

最新文章

热门文章