jquery ajax局部加載方法詳解(實(shí)現(xiàn)代碼)
在jquery中實(shí)現(xiàn)ajax加載的方法有很多種，不像以前的js的ajax只有那一種，下面我們介紹jquery ajax實(shí)現(xiàn)局部加載方法總結(jié)，有需要了解的朋友可參考。
例
$.ajax({
url: "hotelQuery!queryHotelByCity.action",
type: "post",
dataType: "html",
data: "queryHotel.city="+cityobj.value+"&queryHotel.wbcid="+wbcid,
success: function(data){
$("#hotellists").html($(data).filter("#list").html());
}
});
代碼解析：
從上面的代碼我們可以看出，返回的數(shù)據(jù)是data,但是我們?nèi)绻谝猘jax請(qǐng)求的頁(yè)面的那部分用id為list的一個(gè)DIV包圍起來(lái)，這樣我們通過(guò)$(data).filter("#list").html()就可以拿到DIV中的HTML內(nèi)容
實(shí)例
$(document).ready(function(){
function loadMessage()
{
$(this).html("loading...");
var o = this;
var xmlhttp = $.ajax({
url:"Service/IndexLogin.aspx",
dataType:"html",
success:function(result)
{
$(o).html(result);
}
});
}
loadMessage.call($("#addinfo"));
});
<form action="#" method="post">
<ul id="addinfo">
加載中...
</ul>
</form>
上面我們使用的是的方法，其實(shí)還有更簡(jiǎn)單的辦法哦,load() 方法通過(guò) AJAX 請(qǐng)求從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放置到指定的元素中
$(document).ready(function(){
$("#addinfo").load("Service/IndexLogin.aspx", $("#addinfo li")); })
1. 加載一個(gè)php文件，該php文件不含傳遞參數(shù)$("#myID").load("test.php");//在id為#myID的元素里導(dǎo)入test.php運(yùn)行后的結(jié)果
2. 加載一個(gè)php文件，該php文件含有一個(gè)傳遞參數(shù)
$("#myID").load("test.php",{"name" : "Adam"});
//導(dǎo)入的php文件含有一個(gè)傳遞參數(shù)，類(lèi)似于：test.php?name=Adam
3. 加載一個(gè)php文件，該php文件含有多個(gè)傳遞參數(shù)。注：參數(shù)間用逗號(hào)分隔
$("#myID").load("test.php",{"name" : "Adam" ，"site":"61dh.com"});
//導(dǎo)入的php文件含有一個(gè)傳遞參數(shù)，類(lèi)似于：test.php?name=Adam&site=61dh.com
4. 加載一個(gè)php文件，該php文件以數(shù)組作為傳遞參數(shù)
$("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//導(dǎo)入的php文件含有一個(gè)數(shù)組傳遞參數(shù)。
以上這篇jquery ajax局部加載方法詳解(實(shí)現(xiàn)代碼)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery Validate格式驗(yàn)證功能實(shí)例代碼（包括重名驗(yàn)證）
本文通過(guò)實(shí)例代碼給大家介紹了jQuery Validate格式驗(yàn)證功能，代碼中包括重名驗(yàn)證的方法，需要的的朋友參考下吧2017-07-07
jQuery 數(shù)據(jù)緩存模塊進(jìn)化史詳細(xì)介紹
數(shù)據(jù)緩存系統(tǒng)最早應(yīng)該是jQuery1.2引入的，那時(shí)它的事件系統(tǒng)完成照搬DE大神的addEvent.js，而addEvent在實(shí)現(xiàn)有個(gè)缺憾，它把事件的回調(diào)都放到EventTarget之上，這會(huì)引發(fā)循環(huán)引用2012-11-11
瀏覽各大網(wǎng)站，很多都少不了輪播效果，如何控制這些圖片在一個(gè)方向上連續(xù)的滾動(dòng)？這篇文章就為為大家詳細(xì)介紹了jQuery插件實(shí)現(xiàn)圖片輪播特效的代碼，感興趣的小伙伴們可以參考一下2016-06-06
jquery.hotkeys監(jiān)聽(tīng)鍵盤(pán)按下事件keydown插件
jquery.hotkeys就是網(wǎng)頁(yè)是監(jiān)聽(tīng)用戶(hù)按鍵要用到的jquery庫(kù)，這里簡(jiǎn)單介紹下使用方法,需要的朋友可以參考下2014-05-05
jQuery實(shí)現(xiàn)的分子運(yùn)動(dòng)小球碰撞效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的分子運(yùn)動(dòng)小球碰撞效果,涉及jQuery基于定時(shí)函數(shù)操作頁(yè)面元素動(dòng)態(tài)變換的技巧,需要的朋友可以參考下2016-01-01
jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法,涉及jquery操作頁(yè)面元素屬性與樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章介紹了jQuery的UI組件，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
學(xué)校作業(yè)的問(wèn)題，就在網(wǎng)搜了一下，找不到文本框模擬的（可能本人RP問(wèn)題），看到的都是用div的，結(jié)果就自己弄了一個(gè)，主要就是改變背景圖片的位置，讓div的位置放到文本框上面，沒(méi)什么其它的東西，呵呵，見(jiàn)笑了2010-02-02
jQuery 中自帶有雙擊事件，那么當(dāng)需要三擊某對(duì)象執(zhí)行某個(gè)事件時(shí)怎么辦呢？今天就讓我們看看一段 jQuery 三擊事件代碼2013-09-09
基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件，具有一定的參考價(jià)值，代碼很詳細(xì)，感興趣的小伙伴們可以參考一下2016-03-03