Category Archives: jQuery

[jQuery]jQuery AJAX

在網頁上常常會看到,點擊某些東西之後就會即時的顯示一些資料

例如旅行社網頁,選擇價錢可以即時出現該價位的飯店

其實是透過AJAX(Asynchronous JavaScript and XML)處理的

jQuery Ajax HTML:

jQuery:

fetch_data:

jQuery會將fetch_data echo出來的東西全部塞到#con這個區塊內,不過#con裡原先若有其他內容將會被覆蓋過去 且原先就寫在網頁中的javascript判斷不到利用AJAX顯示出來的DOM元件 若要使用則需將javascript放在fetch_data一同輸出。

sync ajax

jQuery在AJAX部份也越來越多新用法,比如說:

AJAX觸發事件流程

所以可以針對以上觸發事件做一些loading的特效

AJAX因為安全性問題所以無法跨網域抓資料,如果有需求的需要再另外處理

Continue Reading

[jQuery] 下拉視窗

平常作網頁時最討厭的就是選單選項太多,就算是有分類也是眼花潦亂, 我是習慣性會對選單做點手腳,所以彈跳視窗就是最快又最方便的選擇了! 當然一開始第一步就是要先在自己的程式中引入jQuery,

引入

接著是要給你的ul設定id或者class!

這是jQuery部份:

這樣就大功告成了!

Continue Reading