一、jQuery加載一個html頁面到指定的div裡
把a.html裡面的某一部份的内容加載到b.html的一個div裡。
比如：加載a.html裡面的
用jquery ajax 可以實作
假設 a.html 和b.html在同一目錄
b.html
$(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);
}
})
});
二、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實作方法就是小編分享給大家的全部内容了，希望能給大家一個參考，也希望大家多多支援腳本之家。