javascript - ajax 有不同的风格吗？

Question

我对使用 ajax 有点陌生，但我已经取得了很大的成功。我的大多数 ajax 调用看起来都与此非常相似:

function saveQueryProf(){    
    var currentDate = new Date();
    var date=currentDate.getDate()+'/'+(currentDate.getMonth()+1)+'/'+currentDate.getFullYear();

            $.ajax({
            type: "POST",
            url: "API.php",
            data: { method: "createQueryProfile",
                    prof_name: $('#nameTxt').val(), 
                    prof_SQL: $('#sqlTxt').val(),
                    date: date

                  },
            datatype: "json"

        }).done(function(returnresult) {
        })
}

使用 $.ajax({ 方法。但是，每当我看到有人在 youtube 或其他网站上使用“ajax”时，他们的代码看起来更像是这样的:

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

我意识到它们在做不同的事情，但这两个有什么区别？当我在线寻找答案时，如何才能找到更符合第一种风格的答案？

Answer 1

第一个示例，使用 $.ajax() ，特定于 jQuery 。它比内置的 Javascript API XMLHttpRequest 简单得多。 XMLHttpRequest不需要任何外部库来使用，尽管它更困难。 $.ajax() 依赖于 XMLHttpRequest。