DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 使用jQuery加載html頁面到指定的div
使用jQuery加載html頁面到指定的div
編輯:JQuery特效代碼     

一、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()方法參數詳解

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved