首頁 > web前端 > js教程 > jquery和ajax的關係詳細介紹

jquery和ajax的關係詳細介紹

巴扎黑
發布: 2017-06-30 14:17:36
原創
1428 人瀏覽過

JQuery、AJAX都是Javascript的一個框架,各有各自不同的功能,以下為大家介紹下jquery和ajax的關係,不了解的朋友可以參考下

JQuery、AJAX都是Javascript的一個框架,各有各自不同的功能,如果把Javascript比喻成父親的話,JQuery和AJAX就是Javascript的親生兒子。在Javascript中非常複雜的功能,讓他們實現起來是極其的方便快速。以下來總結他們各自的功能及特點和應用的場合。

JQuery是輕量級的js函式庫,它相容於CSS3,也相容於各種瀏覽器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)。 jQuery使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX互動。 jQuery同時也有許多成熟的外掛程式可供選擇。 jQuery能夠讓使用者的html頁保持程式碼和html內容分離,也就是說,不用再在html裡面插入一堆js來呼叫指令了,只要定義id即可。

JQuery的宗旨是-WRITE LESS,DO MORE,也就是「吃得少,乾的多」。讓我們廣大的程式設計師能夠寫更少的程式碼,做更多的事情。

而JQuery在什麼時候使用呢?和上邊說的類似,它主要的用處就是:

1. 選擇器

透過$符號可以快速、精確的定位到指定的元素。選擇器包括:基本選擇器、層次選擇器、過濾選擇器、表單選擇器

#2.對DOM操作

透過$符號找到DOM元素,對屬性進行操作;新增刪除節點;對樣式進行操作;設定取得HTML文字和值;遍歷子元素或同儕元素;新增事件

3. 表單驗證

4. 動畫效果

5. ajax

上邊總結的是JQuery,下面再繼續總結AJAX。

AJAX即「AsynchronousJavaScript and XML」(非同步JavaScript和XML)。所謂的非同步就是在事件觸發之後瀏覽器任然可以做其他的事情,與發生事件的控制項無關的控制項不受影響。 AJAX是一種用於創建更好更快以及更具互動性的 Web 應用程式的技術。

如果僅僅學會使用.net中的AJAX的幾個控件,也許你根本就理解不了AJAX中的Javascript和XML到底是怎麼回事,這些控件是對他們的封裝,微軟讓我們方便了很多,但是這是一種「傻瓜式」的使用方法。要想深刻的理解其中的Javascript和XML的使用,還需要掌握客戶端是怎麼接受Webservice(.asmx)和WCF(.svc)和一般處理程序(.ashx)檔案的使用方法

#那一般什麼時候使用AJAX,什麼時候使用AJAX比較適合呢?一般都是用在頁面局部變化的地方。如下:

1. 基於表單的互動

2. 深層樹狀導航

3. 即時使用者對使用者通訊

#4. 投票、是否選擇、等級評價

5. 過濾與複雜資料運算

#6. 普通輸入時的提示/自動補齊

不適用使用AJAX的場合:

1. 簡單的表單

2. 搜尋

#3. 基本導航

4. 取代大量的資訊

5. 顯示操作

6. 無用的網頁小工具

以上是jquery和ajax的關係詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板