首頁  >  文章  >  web前端  >  ajax和jquery是什麼

ajax和jquery是什麼

藏色散人
藏色散人原創
2021-11-11 11:11:134117瀏覽

ajax是一種用於創建更好更快、互動性更強的Web應用程式的技術,而jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式碼庫。

ajax和jquery是什麼

本文操作環境:windows7系統、jquery1.2.6版、DELL G3電腦

ajax和jquery是什麼?

ajax簡介:

Ajax即Asynchronous Javascript And XML(異步JavaScript和XML)在2005年被Jesse James Garrett提出的新術語,用來描述一種使用現有技術集合的'新'方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。  使用Ajax技術網頁應用程式能夠快速地將增量更新呈現在使用者介面上,而不需要重載(刷新)整個頁面,這使得程式能夠更快地回應使用者的操作。

來源:

Ajax這個術語源自於描述從基於 Web 的應用到基於資料的應用。

Ajax 不是一種新的程式語言,而是一種用於創建更好更快以及互動性更強的網路應用程式的技術。

使用 JavaScript 向伺服器提出請求並處理回應而不阻塞使用者核心物件XMLHttpRequest。透過這個對象,您的 JavaScript 可在不重載頁面的情況與 Web 伺服器交換數據,也就是在不需要刷新頁面的情況下,就可以產生局部刷新的效果。

Ajax 在瀏覽器與 Web 伺服器之間使用非同步資料傳輸(HTTP 請求),這樣就可使網頁從伺服器請求少量的信息,而不是整個頁面。

AJAX 工作原理

Ajax可使網際網路應用程式更小、更快,更友善。

Ajax 是一種獨立於 Web 伺服器軟體的瀏覽器技術。 Ajax 基於下列 Web 標準:

JavaScript、XML、HTML與 CSS 在 Ajax 中使用的 Web 標準已被良好定義,並由所有的主流瀏覽器支援。 Ajax 應用程式獨立於瀏覽器和平台。

Web 應用程式較桌面應用程式有許多優點;它們能夠涉及廣大的用戶,它們更容易安裝及維護,也更容易開發。

不過,網際網路應用程式並不像傳統的桌面應用程式那樣完善且友善。透過 Ajax,因特網應用程式可以變得更完善,更友善。

jquery簡介:

jQuery是快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式庫(框架)於2006年1月由John Resig發布。 jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供簡單的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。

jQuery的核心特性可以總結為:具有獨特的鍊式語法和短小清晰的多功能介面;具有高效靈活的CSS選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。 jQuery相容於各種主流瀏覽器,如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等。

語言特點:

快速取得文件元素

jQuery的選擇機制建構於Css的選擇器,它提供了快速查詢DOM文件中元素的能力,而且大大強化了JavaScript中取得頁面元素的方式。

提供漂亮的頁面動態效果

jQuery中內建了一系列的動畫效果,可以開發出非常漂亮的網頁,許多網站都使用jQuery的內建的效果,例如淡入淡出、元素移除等動態特效。

創建AJAX無刷新網頁

AJAX是異步的JavaScript和XML的簡稱,可以開發出非常靈敏無刷新的網頁,特別是開發伺服器端網頁時,例如PHP網站,需要往返地與伺服器通信,如果不使用AJAX,每次資料更新不得不重新刷新網頁,而使用AJAX特效後,可以對頁面進行局部刷新,提供動態的效果。

提供JavaScript語言的增強功能

jQuery提供了基本JavaScript結構的增強,例如元素迭代和陣列處理等操作。

增強的事件處理

jQuery提供了各種頁面事件,它可以避免程式設計師在HTML中加入太多事件處理程式碼,最重要的是,它的事件處理器消除了各種瀏覽器相容性問題。

更改網頁內容

jQuery可以修改網頁中的內容,例如更改網頁的文字、插入或翻轉網頁映像,jQuery簡化了原本使用JavaScript程式碼需要處理的方式。

相關推薦:《Ajax影片教學》《jquery影片教學

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn