使用ajax要不要引入jquery

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

使用ajax不需要引入jquery；ajax全稱是“Asynchronous javascript and XML”，也即異步JavaScript和XML，是指一種創建交互網頁應用的網頁開發技術，JavaScript原本就支持ajax，若是使用原生的ajax請求，當然不需要引入jquery。

本文操作環境：windows10系統、javascript1.8.5&&html5版本、DELL G3電腦。

使用ajax需要引入jquery嗎

js原本就支持ajax,如果你使用的是原生的ajax請求，當然可以不調用jquery庫呀！

AJAX全稱為“Asynchronous javascript and XML”（異步javascript和XML），是指一種創建交互式網頁應用的網頁開發技術。通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

為什么要使用AJAX？ AJAX的優勢？

AJAX不是一種新的編程語言，而是一種用于創建更好更快以及交互性更強的 Web 應用程序的技術。

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

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

AJAX 可使因特網應用程序更小、更快，更友好。

AJAX 是一種獨立于 Web 服務器軟件的瀏覽器技術。　AJAX 基于下列 Web 標準：JavaScript、XML、HTML、CSS在 AJAX 中使用的 Web 標準已被良好定義，并被所有的主流瀏覽器支持。AJAX 應用程序獨立于瀏覽器和平臺。

Web 應用程序較桌面應用程序有諸多優勢；它們能夠涉及廣大的用戶，它們更易安裝及維護，也更易開發。

不過，因特網應用程序并不像傳統的桌面應用程序那樣完善且友好。通過 AJAX，因特網應用程序可以變得更完善，更友好。

Ajax在JavaScript中的使用。

Get方式實現：

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

Post方式實現：

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

感謝各位的閱讀，以上就是“使用ajax要不要引入jquery”的內容了，經過本文的學習后，相信大家對使用ajax要不要引入jquery這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！