一、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中$.ajax()方法参数详解及应用

以上这篇使用jQuery加载html页面到指定的div实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

用jQuery向div中添加Html文本内容的简单实现
前台代码：linkhref="http://www.gimoo.net/Content/themes/base/jquery-ui.css"rel="stylesheet"type="text/css"/scriptsrc="http://www.gimoo.net/Scripts/jquery-1.4.4.min.js"type="text/javascript"/scrip

jQuery实现div横向拖拽排序的简单实例
实例如下：!DOCTYPEHTMLhtmlheadmetacharset="UTF-8"titlediv横向拖拽排序/titlescriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.js"/scriptstyletype="text/css"body,div{padding:0px;margin:0px

jquery计算出left和top,让一个div水平垂直居中的简单实例
实例如下：if($("#cont1").css("position")!="fixed"){$("#cont1").css("position","absolute");vardw=$(window).width();varow=$("#cont1").outerWidth();vardh=$(window).height();varoh=$("#cont1").outerHe