Ajax和jQuery

Question

我試過搜索它，但沒有得到如何在WordPress中使用AJAX（或作爲整體概念）的起點，它與jQuery有什麼不同，或者它是不同的/相同的模塊？

爲什麼我們使用它時，我們有jQuery（哪些情況迫使我們使用它？）。

我應該先學習jQuery基礎知識，然後使用AJAX或其他方法嗎？

Answer 1

你真的不能比擬的jQuery，AJAX和WordPress這樣：

• jQuery是一個JavaScript庫，旨在簡化HTML的客戶端腳本
• AJAX是將數據發送到的技術，和檢索，服務器數據異步
• WordPress是一個博客平臺

爲了說明這一點（有一個很簡單的例子），說你有一個JavaScript事件處理程序被觸發時提交表單：

var f = document.getElementById("myForm"); 
f.onsubmit = doSomething; 

你可以有事件處理程序阻止默認提交操作，而不是讓一個AJAX請求PHP腳本，可選地傳遞它的一些數據（表單值等），然後做出迴應。

這樣做的好處是不會刷新頁面，使頁面更加快速響應，並且通常會帶來更好的用戶體驗。

這裏是你如何實現它以純JS：

var f = document.getElementById("myForm"); 
f.onsubmit = function(e){ 
    e.preventDefault(); 
    var r = new XMLHttpRequest(); 
    r.open("POST", "submit.php", true); 
    r.onreadystatechange = function() { 
    if (r.readyState != 4 || r.status != 200) return; 
    console.log(r.responseText); 
    }; 
    r.send("a=1&b=2&c=3"); 
} 

現在，如前所述，jQuery是一個JavaScript庫，這只是增加了語法糖層和平順瀏覽器不兼容。

使用jQuery相同的代碼：

var f = $("#myForm"); 
f.on("submit", function(e){ 
    e.preventDefault(); 
    $.ajax({ 
    url: "submit.php", 
    type: "POST", 
    data: "a=1&b=2&c=3", 
    success: function(d) { 
    console.log(d); 
    } 
    }); 
});