jquery和ajax的關(guān)系詳細(xì)介紹
更新時(shí)間:2013年11月29日 17:09:59 作者:
JQuery、AJAX都是Javascript的一個(gè)框架,各有各自不同的功能,下面為大家介紹下jquery和ajax的關(guān)系,不了解的朋友可以參考下
JQuery、AJAX都是Javascript的一個(gè)框架,各有各自不同的功能,如果把Javascript比作父親的話,JQuery和AJAX就是Javascript的親生兒子。在Javascript中非常復(fù)雜的功能,讓他們實(shí)現(xiàn)起來是極其的方便快捷。下面來總結(jié)一下他們各自的功能及特點(diǎn)和應(yīng)用的場(chǎng)合。
JQuery是輕量級(jí)的js庫,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果,并且方便地為網(wǎng)站提供AJAX交互。jQuery同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需定義id即可。
JQuery的宗旨是——WRITE LESS,DO MORE,也就是“吃得少,干的多”。讓我們廣大的程序員能夠?qū)懜俚拇a,做更多的事情。
而JQuery在什么時(shí)候使用呢?和上邊說的類似,它主要的用處就是:
1. 選擇器
通過$符號(hào)可以快速、精確的定位到指定的元素。選擇器包括:基本選擇器、層次選擇器、過濾選擇器、表單選擇器
2. 對(duì)DOM操作
通過$符號(hào)找到DOM元素,對(duì)屬性進(jìn)行操作;添加刪除節(jié)點(diǎn);對(duì)樣式進(jìn)行操作;設(shè)置獲取HTML文本和值;遍歷子元素或同輩元素;添加事件
3. 表單驗(yàn)證
4. 動(dòng)畫效果
5. ajax
上邊總結(jié)的是JQuery,下面再繼續(xù)總結(jié)AJAX。
AJAX即“AsynchronousJavaScript and XML”(異步JavaScript和XML)。所謂的異步就是在事件觸發(fā)之后瀏覽器任然可以做其他的事情,與發(fā)生事件的控件無關(guān)的控件不受影響。AJAX是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)。
如果僅僅學(xué)會(huì)使用.net中的AJAX的幾個(gè)控件,也許你根本就理解不了AJAX中的Javascript和XML到底是怎么回事,這些控件是對(duì)他們的封裝,微軟讓我們方便了很多,但是這是一種“傻瓜式”的使用方法。要想深刻的理解其中的Javascript和XML的使用,還需要掌握客戶端是怎么接受Webservice(.asmx)和WCF(.svc)和一般處理程序(.ashx)文件的使用方法
那一般什么時(shí)候使用AJAX,什么時(shí)候使用AJAX比較合適呢?一般都是用在頁面局部發(fā)生變化的地方。如下:
1. 基于表單的交互
2. 深層樹狀導(dǎo)航
3. 實(shí)時(shí)用戶對(duì)用戶通訊
4. 投票、是否選擇、等級(jí)評(píng)價(jià)
5. 過濾和復(fù)雜數(shù)據(jù)操作
6. 普通錄入時(shí)的提示/自動(dòng)補(bǔ)齊
不適用使用AJAX的場(chǎng)合:
1. 簡(jiǎn)單的表單
2. 搜索
3. 基本導(dǎo)航
4. 替換大量的信息
5. 顯示操作
6. 無用的網(wǎng)頁小部件
JQuery是輕量級(jí)的js庫,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果,并且方便地為網(wǎng)站提供AJAX交互。jQuery同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內(nèi)容分離,也就是說,不用再在html里面插入一堆js來調(diào)用命令了,只需定義id即可。
JQuery的宗旨是——WRITE LESS,DO MORE,也就是“吃得少,干的多”。讓我們廣大的程序員能夠?qū)懜俚拇a,做更多的事情。
而JQuery在什么時(shí)候使用呢?和上邊說的類似,它主要的用處就是:
1. 選擇器
通過$符號(hào)可以快速、精確的定位到指定的元素。選擇器包括:基本選擇器、層次選擇器、過濾選擇器、表單選擇器
2. 對(duì)DOM操作
通過$符號(hào)找到DOM元素,對(duì)屬性進(jìn)行操作;添加刪除節(jié)點(diǎn);對(duì)樣式進(jìn)行操作;設(shè)置獲取HTML文本和值;遍歷子元素或同輩元素;添加事件
3. 表單驗(yàn)證
4. 動(dòng)畫效果
5. ajax
上邊總結(jié)的是JQuery,下面再繼續(xù)總結(jié)AJAX。
AJAX即“AsynchronousJavaScript and XML”(異步JavaScript和XML)。所謂的異步就是在事件觸發(fā)之后瀏覽器任然可以做其他的事情,與發(fā)生事件的控件無關(guān)的控件不受影響。AJAX是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)。
如果僅僅學(xué)會(huì)使用.net中的AJAX的幾個(gè)控件,也許你根本就理解不了AJAX中的Javascript和XML到底是怎么回事,這些控件是對(duì)他們的封裝,微軟讓我們方便了很多,但是這是一種“傻瓜式”的使用方法。要想深刻的理解其中的Javascript和XML的使用,還需要掌握客戶端是怎么接受Webservice(.asmx)和WCF(.svc)和一般處理程序(.ashx)文件的使用方法
那一般什么時(shí)候使用AJAX,什么時(shí)候使用AJAX比較合適呢?一般都是用在頁面局部發(fā)生變化的地方。如下:
1. 基于表單的交互
2. 深層樹狀導(dǎo)航
3. 實(shí)時(shí)用戶對(duì)用戶通訊
4. 投票、是否選擇、等級(jí)評(píng)價(jià)
5. 過濾和復(fù)雜數(shù)據(jù)操作
6. 普通錄入時(shí)的提示/自動(dòng)補(bǔ)齊
不適用使用AJAX的場(chǎng)合:
1. 簡(jiǎn)單的表單
2. 搜索
3. 基本導(dǎo)航
4. 替換大量的信息
5. 顯示操作
6. 無用的網(wǎng)頁小部件
相關(guān)文章
jQuery的ready方法實(shí)現(xiàn)原理分析
這篇文章主要介紹了jQuery的ready方法實(shí)現(xiàn)原理分析的相關(guān)資料,需要的朋友可以參考下2016-10-10拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼
拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼,需要的朋友可以參考下2012-05-05JavaScript獲取onclick、onchange等事件值的代碼
這里主要是用到了getAttributeNode()這個(gè)方法,它獲取的是屬性節(jié)點(diǎn),忽略屬性和事件的差別,具體示例如下,感興趣的朋友可以參考下哈希望對(duì)大家有所幫助2013-07-07javascript向后臺(tái)傳送相同屬性的參數(shù)即數(shù)組參數(shù)
在傳送參數(shù)時(shí),經(jīng)常會(huì)碰到向后臺(tái)傳送一些相同屬性的參數(shù),最好的選擇是采用數(shù)組的方式,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-02-02一個(gè)實(shí)用的圖片切換支持點(diǎn)擊切換和自動(dòng)輪播
這篇文章主要介紹了一個(gè)實(shí)用的圖片切換支持點(diǎn)擊切換和自動(dòng)輪播,經(jīng)測(cè)試效果相當(dāng)不錯(cuò),需要的朋友可以參考下2014-09-09jQuery.trim() 函數(shù)及trim()用法詳解
jQuery.trim()函數(shù)用于去除字符串兩端的空白字符。jquery trim函數(shù)應(yīng)用非常廣泛,下面小編給大家講解jquery.trim()函數(shù)及trim()用法詳解,需要的朋友可以參考下2015-10-10jquery實(shí)現(xiàn)彈出層遮罩效果的簡(jiǎn)單實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出層遮罩效果的簡(jiǎn)單實(shí)例。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-03-03jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼
之前做項(xiàng)目的時(shí)候,一直都想著做一個(gè)上下滾動(dòng)的公告欄,作為展示網(wǎng)站的最新公告信息,給用戶帶來極好的用戶體驗(yàn),下面小編通過實(shí)例代碼給大家分享基于jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄,感興趣的朋友一起看看吧2018-11-11