使用jquery局部刷新(jquery.load)從數(shù)據(jù)庫(kù)取出數(shù)據(jù)
因?yàn)镴query 是一個(gè)很好的javascript框架,我對(duì)他的運(yùn)用還只是表面的,處于一個(gè)初步學(xué)習(xí)的階段,所以通過(guò)博客記錄我學(xué)習(xí)的點(diǎn)滴,大神可以略過(guò),寫(xiě)此文章希望可以幫到和我一樣的初學(xué)者,共同分享,共同進(jìn)步。
現(xiàn)在ajax越來(lái)越受到web開(kāi)發(fā)者的青睞,jquery提供了很好的ajax交互,我這里用的是直接返回字符串,用的是jquery.load方法,是很基礎(chǔ)的。 項(xiàng)目下載
需要注意兩點(diǎn):
1、jquery.js的路徑要正確,不然很難達(dá)到你想要的效果。
2、需要使用$(document).ready,這個(gè)方法的意思是,等文檔加載完后再執(zhí)行里面的JS腳本,如果你不加的話(huà),就有可能在你文檔機(jī)構(gòu)還沒(méi)加載完,就已經(jīng)執(zhí)行了事件綁定 這塊語(yǔ)句,但是此時(shí)你的“#load”還沒(méi)加載好,導(dǎo)致事件綁定失敗。
- jQuery ajaxSubmit 實(shí)現(xiàn)ajax提交表單局部刷新
- JQuery的Ajax請(qǐng)求實(shí)現(xiàn)局部刷新的簡(jiǎn)單實(shí)例
- 用Jquery.load載入頁(yè)面實(shí)現(xiàn)局部刷新
- 基于jQuery捕獲超鏈接事件進(jìn)行局部刷新代碼
- jQuery 定時(shí)局部刷新(setInterval)
- 使用jQueryMobile實(shí)現(xiàn)滑動(dòng)翻頁(yè)效果的方法
- JQuery插件iScroll實(shí)現(xiàn)下拉刷新,滾動(dòng)翻頁(yè)特效
- 通過(guò)pjax實(shí)現(xiàn)無(wú)刷新翻頁(yè)(兼容新版jquery)
- 封裝的jquery翻頁(yè)滾動(dòng)(示例代碼)
- 使用jQuery.fn自定義jQuery翻頁(yè)插件
- jQuery 翻頁(yè)組件yunm.pager.js實(shí)現(xiàn)div局部刷新的思路
相關(guān)文章
jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器用法實(shí)例分析
這篇文章主要介紹了jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery內(nèi)容過(guò)濾選擇器與子元素過(guò)濾選擇器相關(guān)功能、原理及使用方法,需要的朋友可以參考下2019-02-02jQuery實(shí)現(xiàn)類(lèi)似標(biāo)簽風(fēng)格的導(dǎo)航菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)類(lèi)似標(biāo)簽風(fēng)格的導(dǎo)航菜單效果代碼,涉及jquery鼠標(biāo)事件操作頁(yè)面元素的遍歷與樣式動(dòng)態(tài)修改技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jquery UI Datepicker時(shí)間控件的使用方法(終結(jié)版)
這篇文章是jquery UI Datepicker時(shí)間控件的使用方法終結(jié)版,可以說(shuō)是技術(shù)的升華,實(shí)現(xiàn)的功能有限制的開(kāi)始時(shí)間和結(jié)束時(shí)間跨度不超過(guò)三天,并配置有清空時(shí)間,重選時(shí)間等,感興趣的小伙伴們可以參考一下2015-11-11基于jQuery Ajax實(shí)現(xiàn)下拉框無(wú)刷新聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了基于jQuery Ajax實(shí)現(xiàn)下拉框無(wú)刷新聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12jQuery插件PageSlide實(shí)現(xiàn)左右側(cè)欄導(dǎo)航菜單
jQuery pageSlide 是一個(gè)可以讓網(wǎng)頁(yè)出現(xiàn)滾動(dòng)效果的jQuery插件,它可以控制一個(gè)隱藏頁(yè)面的顯示和關(guān)閉。具體來(lái)說(shuō),就是當(dāng)前頁(yè)占一個(gè)完整頁(yè)面,隱藏頁(yè)是看不到的,你設(shè)置一個(gè)控制的地方,點(diǎn)擊該控制時(shí)觸發(fā)事件,隱藏的頁(yè)面就滑出來(lái),再次點(diǎn)擊隱藏頁(yè)面以外的地方,它就又關(guān)閉2015-04-04jQuery中[attribute*=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute*=value]選擇器用法,實(shí)例分析了[attribute*=value]選擇器的功能、定義及匹配給定的屬性包含某些值的元素的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12jQuery實(shí)現(xiàn)簡(jiǎn)單的DIV拖動(dòng)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的DIV拖動(dòng)效果,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)及頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-02-02jquery 操作兩個(gè)select實(shí)現(xiàn)值之間的互相傳遞
本篇文章主要是對(duì)jquery操作兩個(gè)select實(shí)現(xiàn)值之間的互相傳遞進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03web的各種前端打印方法之jquery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁(yè)打印
jquery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁(yè)打印,不可思議吧,接下來(lái)為您介紹它的使用方法及操作步驟,感興趣的朋友可以了解下2013-01-01jquery nth-child()選擇器的簡(jiǎn)單應(yīng)用
今天項(xiàng)目中遇到過(guò)一個(gè)這樣的問(wèn)題,就是希望讀出來(lái)的文章列表能夠每隔五個(gè)加一個(gè)分割條,而不是每個(gè)都加。2010-07-07