Muss ich JQuery einführen, um Ajax zu verwenden?

Für die Verwendung von Ajax ist keine Einführung von Jquery erforderlich. Der vollständige Name von Ajax lautet „Asynchrones Javascript und XML“, was sich auf eine Webentwicklungstechnologie zum Erstellen interaktiver Webanwendungen bezieht Wenn Sie eine native Ajax-Anfrage verwenden, müssen Sie natürlich keine JQuery einführen.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Javascript 1.8.5 und HTML5-Version, DELL G3-Computer.

Müssen Sie JQuery einführen, um Ajax zu verwenden?

Js unterstützt ursprünglich Ajax. Wenn Sie native Ajax-Anfragen verwenden, müssen Sie die JQuery-Bibliothek natürlich nicht aufrufen!

AJAX steht für „Asynchronous javascript and XML“ (asynchrones Javascript und XML) und bezeichnet eine Webentwicklungstechnologie zur Erstellung interaktiver Webanwendungen. AJAX ermöglicht die asynchrone Aktualisierung von Webseiten durch den Austausch kleiner Datenmengen mit dem Server im Hintergrund. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.

Warum AJAX verwenden? Vorteile von AJAX?

AJAX ist keine neue Programmiersprache, sondern eine Technologie zur Erstellung besserer, schnellerer und interaktiverer Webanwendungen.

Verwenden Sie Javascript, um Anfragen an den Server zu stellen und Antworten zu verarbeiten, ohne den Benutzer zu blockieren! Kernobjekt XMLHTTPRequest. Über dieses Objekt kann Ihr JavaScript Daten mit dem Webserver austauschen, ohne die Seite neu zu laden.

AJAX nutzt die asynchrone Datenübertragung (HTTP-Anfragen) zwischen dem Browser und dem Webserver, wodurch eine Webseite statt der gesamten Seite kleine Informationsmengen vom Server anfordern kann.

AJAX macht Internetanwendungen kleiner, schneller und benutzerfreundlicher.

AJAX ist eine Browser-Technologie, die unabhängig von Webserver-Software ist. AJAX basiert auf den folgenden Webstandards: JavaScript, XML, HTML, CSS. Die in AJAX verwendeten Webstandards sind klar definiert und werden von allen gängigen Browsern unterstützt. AJAX-Anwendungen sind browser- und plattformunabhängig.

Webanwendungen haben gegenüber Desktopanwendungen viele Vorteile: Sie können ein breites Spektrum an Benutzern erreichen, sind einfacher zu installieren und zu warten und einfacher zu entwickeln.

Allerdings sind Internetanwendungen nicht so vollständig und benutzerfreundlich wie herkömmliche Desktop-Anwendungen. Durch AJAX können Internetanwendungen vollständiger und benutzerfreundlicher werden.

Verwendung von Ajax in JavaScript.

Methodenimplementierung abrufen:

<script type="text/javascript">
     var xmlHttpRequest;
     //创建XHR对象
     function createXmlHttpRequest() {
         // if(typefo(XMLHttpRequest)!=&#39;undifine&#39;)
         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>

Methodenimplementierung posten:

<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>

【Empfehlung für entsprechende Tutorials: AJAX-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonMuss ich JQuery einführen, um Ajax zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!