使用jQuery加载html页面到指定的div实现方法
更新时间：2016年07月13日 10:28:58 投稿：jingxian
下面小编就为大家带来一篇使用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
<script >
$(document).ready(function() {
bodyContent = $.ajax({
url: "b.html",
global: false,
type: "POST",
data: ({
id: this.getAttribute('row')
}),
dataType: "html",
async: false,
success: function(msg) {
alert(msg);
}
})
});
</script>
二、juqery $.ajax 请求另一个html页面的指定的“一部分”加载到本页面div，重点是一部分数据加载到本页面div
大至思路如下：
$.ajax( {
url: url, //这里是静态页的地址
type: "GET", //静态页用get方法，否则服务器会抛出405错误
success: function(data){
var result = $(data).find("另一个html页面的指定的一部分");
$("本页面div").html(result);
}
});
或参考下面的代码:
$(function(){
$.ajax({
type:"POST",
url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
},
error:function(XMLHttpRequest, textStatus, thrownError){}
})
})
如果参数不明白可以参考
以上这篇使用jQuery加载html页面到指定的div实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
jQuery总体架构的理解,学习jquery的朋友可以参考下。2011-03-03
这篇文章主要介绍了在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)的相关资料,需要的朋友可以参考下2016-01-01
图片左右滚动的效果想必大家都有见到过吧，其实很简单。在本文将为大家介绍下使用Jquery是如何实现图片左右自动滚动的，感兴趣的朋友可以参考下2013-09-09
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
某某同学最近写了个基于jquery的信息弹出插件showInfoDialog，该插件对背景进行遮罩，然后弹出信息显示框，信息显示种类包括(操作成功/错误信息/警告信息/通知信息)感兴趣的朋友可以了解下2013-01-01
这篇文章主要介绍了jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)的关键代码，非常不错，代码简单易懂,需要的朋友可以参考下2016-08-08
Bootstrap嵌入jqGrid，使你的table牛逼起来
这篇文章主要介绍了Bootstrap嵌入jqGrid，使你的table牛逼起来,需要的朋友可以参考下2016-05-05
下面小编就为大家带来一篇jquery获取复选框checkbox的值实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jquery实现的禁止回车触发表单提交的方法，非常的使用，这里推荐给大家。2014-12-12
这篇文章主要介绍了jquery淡入淡出效果简单实现方法,以完整实例形式分析了jQuery中fadeIn及fadeOut实现淡入淡出的相关技巧,需要的朋友可以参考下2016-01-01
jQuery图片切换插件jquery.cycle.js使用示例
Cycle供了非常好的功能来帮助大家更简单的使用插件的幻灯功能，下面是它的一个非常不错的示例，大家可以学习下2014-06-06
最新评论