Adakah saya perlu memperkenalkan jquery untuk menggunakan ajax?

WBOY
Lepaskan: 2022-08-31 16:20:16
asal
3346 orang telah melayarinya

Menggunakan ajax tidak memerlukan pengenalan jquery; nama penuh ajax ialah "javascript dan XML tak segerak", iaitu JavaScript dan XML tak segerak, yang merujuk kepada teknologi pembangunan web untuk mencipta aplikasi web interaktif. JavaScript pada asalnya menyokong ajax Jika Menggunakan permintaan ajax asli, sudah tentu tidak perlu memperkenalkan jquery.

Adakah saya perlu memperkenalkan jquery untuk menggunakan ajax?

Persekitaran pengendalian artikel ini: sistem windows10, versi javascript1.8.5&&html5, komputer DELL G3.

Adakah anda perlu memperkenalkan jquery untuk menggunakan ajax?

JS pada asalnya menyokong ajax Jika anda menggunakan permintaan ajax asli, sudah tentu anda tidak perlu menghubungi perpustakaan jquery.

AJAX bermaksud "Javaskrip dan XML tak segerak", yang merujuk kepada teknologi pembangunan web untuk mencipta aplikasi web interaktif. AJAX membolehkan halaman web mengemas kini secara tak segerak dengan menukar sejumlah kecil data dengan pelayan di latar belakang. Ini bermakna bahagian halaman web boleh dikemas kini tanpa memuatkan semula keseluruhan halaman.

Mengapa menggunakan AJAX? Kelebihan AJAX?

AJAX bukanlah bahasa pengaturcaraan baharu, tetapi teknologi untuk mencipta aplikasi web yang lebih baik, lebih pantas dan lebih interaktif.

Gunakan Javascript untuk membuat permintaan kepada pelayan dan mengendalikan respons tanpa menyekat pengguna! Objek teras XMLHTTPRequest. Objek ini membenarkan JavaScript anda bertukar data dengan pelayan web tanpa memuatkan semula halaman.

AJAX menggunakan pemindahan data tak segerak (permintaan HTTP) antara penyemak imbas dan pelayan web, yang membolehkan halaman web meminta sejumlah kecil maklumat daripada pelayan dan bukannya keseluruhan halaman.

AJAX menjadikan aplikasi Internet lebih kecil, lebih pantas dan lebih mesra.

AJAX ialah teknologi penyemak imbas yang bebas daripada perisian pelayan web. AJAX adalah berdasarkan piawaian web berikut: JavaScript, XML, HTML, CSS Piawaian web yang digunakan dalam AJAX ditakrifkan dengan baik dan disokong oleh semua pelayar utama. Aplikasi AJAX adalah pelayar dan platform bebas.

Aplikasi web mempunyai banyak kelebihan berbanding aplikasi desktop; ia boleh mencapai julat pengguna yang lebih luas, ia lebih mudah untuk dipasang dan diselenggara, dan ia lebih mudah untuk dibangunkan.

Walau bagaimanapun, aplikasi Internet tidak selengkap dan mesra pengguna seperti aplikasi desktop tradisional. Melalui AJAX, aplikasi Internet boleh menjadi lebih lengkap dan lebih mesra pengguna.

Penggunaan Ajax dalam JavaScript.

Dapatkan pelaksanaan kaedah:

<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>
Salin selepas log masuk

Pelaksanaan kaedah siaran:

<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>
Salin selepas log masuk

[Cadangan tutorial berkaitan: Tutorial video AJAX

Atas ialah kandungan terperinci Adakah saya perlu memperkenalkan jquery untuk menggunakan ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!