AJAX學習筆記04

2021-04-21 21:20:52 字數 1212 閱讀 1305

ajax

學習筆記04

學習課程:

學習內容

相關檔案

可伸縮的級聯選單和區域性重新整理

jquery-menu.jsp

jquery-menu.js

jquery.js

jquery-menu.css

實現效果:

單擊主選單,切換相應主選單下的子選單的顯示狀態,預設子選單的狀態為隱藏

上面兩個ul和下面兩個ul實現的功能略有不同

上面兩個ul中單擊事件的作用域為標籤

下面兩個ul中單擊事件的作用域為整個標籤,包括標籤

注:在ie和firefox瀏覽器下,執行網頁所顯示的效果是有差別的

三個檔案的**:

jquery-menu.jsp

<

ul>

<

ahref="#"

>主選單1

a>

<

li>子選單1

li>

<

li>子選單2

li>

ul>

<

ul>

<

ahref="#"

>主選單1

a>

<

li>子選單1

li>

<

li>子選單2

li>

ul>

<

ul>

主選單1

<

liclass="child"

>子選單1

li>

<

liclass="child"

>子選單2

li>

ul>

<

ul>

主選單1

<

liclass="child"

>子選單1

li>

<

liclass="child"

>子選單2

li>

ul>

jquery-menu.css

@charset "utf-8";

li 

jquery-menu.js

$(document).ready(function());

var uls_1 = $("ul"); //標籤選擇器

uls_1.click( function());

});

Ajax學習筆記

send string string 僅用於post請求 使用get還是post 與post相比,get更簡單更快,大部分情況下使用 下面情況使用post請求 無法使用快取檔案 更新伺服器上的檔案或資料庫 向伺服器傳送大量資料 傳送包含未知字元的使用者輸入時,post更穩定和可靠 get請求例項 請...

ajax學習筆記

ajax學習 1 ajax的作用 ajax區域性重新整理技術,其實就是使用js實現區域性資料的實時變更 解決了不同響應之間資料共享的問題 優勢 提高了網路傳輸效率,提公升了使用者體驗 2 ajax的使用 建立ajax物件 瀏覽器差異問題 複寫onreadystatechange函式 接收響應結果 響...

ajax學習筆記

物件的建立 var xhr null if window.xmlhttprequest else或者使用try catch語句var xhr null trycatch e responsetext中的內容格式是字串window.onload function else trycatch e xhr...