使用jQuery加載html頁面到指定的div實現(xiàn)方法

字號:


    下面小編就為大家?guī)硪黄褂胘Query加載html頁面到指定的div實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    一、jQuery加載一個html頁面到指定的div里
    把a.html里面的某一部份的內(nèi)容加載到b.html的一個div里。
    比如:加載a.html里面的<div id=“row"></div>這個div里面的所有內(nèi)容加載到b.html的這個div里<div id="content"></div>
    用jquery ajax 可以實現(xiàn)
    假設(shè) 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,重點是一部分?jǐn)?shù)據(jù)加載到本頁面div
    大至思路如下:
    $.ajax( {
        url: url, //這里是靜態(tài)頁的地址
        type: "GET", //靜態(tài)頁用get方法,否則服務(wù)器會拋出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){}
        })
    })
    如果參數(shù)不明白可以參考
    三、JQuery中$.ajax()方法參數(shù)詳解及應(yīng)用
    以上這篇使用jQuery加載html頁面到指定的div實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考