使用jQuery加載html頁面到指定的div實現(xiàn)方法
更新時間：2016年07月13日 10:28:58 投稿：jingxian
下面小編就為大家?guī)硪黄褂胘Query加載html頁面到指定的div實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
一、jQuery加載一個html頁面到指定的div里
把a.html里面的某一部份的內容加載到b.html的一個div里。
比如：加載a.html里面的<div id=“row"></div>這個div里面的所有內容加載到b.html的這個div里<div id="content"></div>
用jquery ajax 可以實現(xiàn)
假設 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，重點是一部分數(shù)據加載到本頁面div
大至思路如下：
$.ajax( {
url: url, //這里是靜態(tài)頁的地址
type: "GET", //靜態(tài)頁用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){}
})
})
如果參數(shù)不明白可以參考
三、JQuery中$.ajax()方法參數(shù)詳解及應用
以上這篇使用jQuery加載html頁面到指定的div實現(xiàn)方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
當用戶注冊需要知道這個用戶名是否被人使用所以需要在用戶登陸前判斷為了使用戶得到更好的體驗，我們使用了jquery的ajax效果，來用戶名是否存在。2009-11-11
這篇文章主要介紹了封裝的jquery翻頁滾動。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
把一個元素淡出或淡入可以達到更為生動的效果，在任何一種情況下，都只是隨著時間來改變元素的透明度2014-09-09
在使用discuzx中有一個Message以及Dialog方法來顯示信息對話框。今天寫項目的時候，需要一個信息對話框，所以就著手利用lightbox_me插件來寫一個做備用。2015-04-04
對于JQuery是啥東東的描述我在此也就不多說了,哈,如果有興趣的話我相信不會懶的去查吧,哈^^2009-07-07
大家好，最近找了一個分頁控件感覺還不錯，和大家分享一下，希望大家喜歡2011-01-01
jquery關于頁面焦點的定位(文本框獲取焦點時改變樣式 )
用戶在輸入文字時，如果能高亮顯示正在輸入的那個文本框的話，會更人性化些，下面就使用jQuery來實現(xiàn)。2010-09-09
JQUERY 瀏覽器判斷實現(xiàn)函數(shù)，如果只是為了判斷瀏覽器不建議用，如果你已經用了jquery才用啊，要不沒必要因為這個小功能，加個那么大的類庫吧。2009-08-08
這篇文章主要介紹了jQuery實現(xiàn)跨域的相關資料,需要的朋友可以參考下2015-02-02
jQuery EasyUI Accordion可伸縮面板組件使用詳解
這篇文章主要為大家詳細介紹了jQuery EasyUI Accordion可伸縮面板組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02