jquery - 这两种ajax语法和使用的区别

Question

当我第一次遇到 Ajax 时，这种语法总是在我的视线中：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>

但是今天我遇到了这个：

我觉得这个更灵活？我可以使用 jquery .. 但为什么它不需要像上面那样的 XMLHttpRequest？

$(function){
 $('#something').change(function(){
   $.ajax({
      type: 'GET',
      url: 'something.php',
      data: 'ip=' + $(something).val(),
      success: function(msg) {
      $('#result').html(msg);
      }
});
}
};

Answer 1

您的第一个示例是纯 JavaScript。这就是执行 AJAX 调用的方式。

你的第二个例子是 jQuery。jQuery 只是提供了一种更简单、更易读的方式来进行 AJAX 调用。

在下面，调用是相同的。jQuery 只是提供了一种更简洁的方式来访问XMLHttpRequest对象。

Answer 2

使用 jQuery 的第二个选项是第一个选项的包装器。jQuery 基本上是 javascript 函数的简单通用跨浏览器包装器。

Answer 3

jQuery 确实使用 XMLHttpRequest 对象。它只是在其顶部提供了一个很好的界面，因此您不必与之交互。