使用ajax要不要引入jquery

這篇文章主要講解了“使用ajax要不要引入jquery”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“使用ajax要不要引入jquery”吧！

創(chuàng)新互聯(lián)主營青山湖網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶App定制開發(fā),青山湖h5重慶小程序開發(fā)搭建,青山湖網(wǎng)站營銷推廣歡迎青山湖等地區(qū)企業(yè)咨詢

使用ajax不需要引入jquery；ajax全稱是“Asynchronous javascript and XML”，也即異步JavaScript和XML，是指一種創(chuàng)建交互網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，JavaScript原本就支持ajax，若是使用原生的ajax請求，當(dāng)然不需要引入jquery。

本文操作環(huán)境：windows10系統(tǒng)、javascript1.8.5&&html5版本、DELL G3電腦。

使用ajax需要引入jquery嗎

js原本就支持ajax,如果你使用的是原生的ajax請求，當(dāng)然可以不調(diào)用jquery庫呀！

AJAX全稱為“Asynchronous javascript and XML”（異步j(luò)avascript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

為什么要使用AJAX？ AJAX的優(yōu)勢？

AJAX不是一種新的編程語言，而是一種用于創(chuàng)建更好更快以及交互性更強的 Web 應(yīng)用程序的技術(shù)。

使用Javascript向服務(wù)器提出請求并處理響應(yīng)而不阻塞用戶！核心對象XMLHTTPRequest。通過這個對象，您的 JavaScript 可在不重載頁面的情況與Web服務(wù)器交換數(shù)據(jù)。

AJAX 在瀏覽器與 Web 服務(wù)器之間使用異步數(shù)據(jù)傳輸（HTTP 請求），這樣就可使網(wǎng)頁從服務(wù)器請求少量的信息，而不是整個頁面。

AJAX 可使因特網(wǎng)應(yīng)用程序更小、更快，更友好。

AJAX 是一種獨立于 Web 服務(wù)器軟件的瀏覽器技術(shù)?！JAX 基于下列 Web 標(biāo)準(zhǔn)：JavaScript、XML、HTML、CSS在 AJAX 中使用的 Web 標(biāo)準(zhǔn)已被良好定義，并被所有的主流瀏覽器支持。AJAX 應(yīng)用程序獨立于瀏覽器和平臺。

Web 應(yīng)用程序較桌面應(yīng)用程序有諸多優(yōu)勢；它們能夠涉及廣大的用戶，它們更易安裝及維護，也更易開發(fā)。

不過，因特網(wǎng)應(yīng)用程序并不像傳統(tǒng)的桌面應(yīng)用程序那樣完善且友好。通過 AJAX，因特網(wǎng)應(yīng)用程序可以變得更完善，更友好。

Ajax在JavaScript中的使用。

Get方式實現(xiàn)：

<script type="text/javascript">
     var xmlHttpRequest;
     //創(chuàng)建XHR對象
     function createXmlHttpRequest() {
         // if(typefo(XMLHttpRequest)!='undifine')
         if (window.ActiveXObject) { //如果是IE瀏覽器    
             return new ActiveXObject("Microsoft.XMLHTTP");
         } else if (window.XMLHttpRequest) { //非IE瀏覽器    
             return new XMLHttpRequest();
         }
     }
 
     //Ajax調(diào)用的方法
     function AjaxClick() {
         var url = "這里是你想要請求的URL，其中包括你的參數(shù)(?key1=value1&key2=value2)";
         //1.創(chuàng)建XMLHttpRequest組建    
         xmlHttpRequest = createXmlHttpRequest();
         //2.設(shè)置回調(diào)函數(shù)
         xmlHttpRequest.onreadystatechange = ajaxCallBack;
         //onreadystatechange。存儲函數(shù)（或函數(shù)名），每當(dāng) readyState 屬性改變時，就會調(diào)用該函數(shù)。
         //3.初始化XMLHttpRequest組建    
         xmlHttpRequest.open("GET", url, true);
 
         //open(method,url,async),規(guī)定請求的類型、URL 以及是否異步處理請求。
         //method：請求的類型；GET 或 POST
         //url：文件在服務(wù)器上的位置
         //async：true（異步）或 false（同步）
 
         //GET方式請求可以設(shè)置瀏覽器不使用緩存，需加上下面這段
         //xhr.setRequestHeader("If-Modified-Since", "0");
 
         //4.發(fā)送請求    
         xmlHttpRequest.send(null);
     }
 
     //回調(diào)函數(shù)    
     function ajaxCallBack() {
         //readyState 存有 XMLHttpRequest 的狀態(tài)。從 0 到 4 發(fā)生變化。
         //0: 請求未初始化
         //1: 服務(wù)器連接已建立
         //2: 請求已接收
         //3: 請求處理中
         //4: 請求已完成，且響應(yīng)已就緒
 
         //status    請求響應(yīng)狀態(tài)碼
         //200: "OK"
         //404: 未找到頁面
         if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
             //表示請求成功，且正常響應(yīng)
 
             //responseText    獲得字符串形式的響應(yīng)數(shù)據(jù)。
             //responseXML    獲得 XML 形式的響應(yīng)數(shù)據(jù)。
             var data = xmlHttpRequest.responseText;
 
             //你具體的代碼操作寫在這里，如對請求響應(yīng)的數(shù)據(jù)如何處理
         }
     }
 </script>

Post方式實現(xiàn)：

<script type="text/javascript">
     var xmlHttpRequest;
     //創(chuàng)建XHR對象
     function createXmlHttpRequest() {
         if (window.ActiveXObject) { //如果是IE瀏覽器    
             return new ActiveXObject("Microsoft.XMLHTTP");
         } else if (window.XMLHttpRequest) { //非IE瀏覽器    
             return new XMLHttpRequest();
         }
     }
 
     //Ajax調(diào)用的方法
     function AjaxClick() {
         var url = "這里是你想要請求的URL，不包括參數(shù)";
         //1.創(chuàng)建XMLHttpRequest組建    
         xmlHttpRequest = createXmlHttpRequest();
         //2.設(shè)置回調(diào)函數(shù)
         xmlHttpRequest.onreadystatechange = ajaxCallBack;
         //3.初始化XMLHttpRequest組建    
         xmlHttpRequest.open("POST", url, true);
         //4.添加請求頭：
         xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
         //5.發(fā)送請求，send("這里是你的請求參數(shù)")
         xmlHttpRequest.send("key1=value1&key2=value2");
     }
 
     //回調(diào)函數(shù)    
     function ajaxCallBack() {
         if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
             var data = xmlHttpRequest.responseText;
 
             //你具體的代碼操作寫在這里，如對請求響應(yīng)的數(shù)據(jù)如何處理
         }
     }
 </script>

感謝各位的閱讀，以上就是“使用ajax要不要引入jquery”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對使用ajax要不要引入jquery這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

名稱欄目：使用ajax要不要引入jquery
URL標(biāo)題：http://muchs.cn/article4/ijosie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、Google、網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站收錄、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)