Question

我想了解使用这样的AJAX之间的区别，

function showHint(str)
{
var xmlhttp;
if (str.length==0)
  { 
  document.getElementById("txtHint").innerHTML="";
  return;
  }
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("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","db_update?q="+str,true);
xmlhttp.send();
}

并像这样使用..

$.ajax({
     url: "db_update.php",
     type: "POST",
     data: { id: id, state: state },
     cache: false,
     success: function (response) {
         $('#text').html(response);
     }
 });

一个与另一个有多么不同？哪个有效？

Answer 1

如评论部分所述，第一个是使用标准Javascript来发出Ajax请求，而第二个是使用JQuery。这基本上是相同的，但第二个版本不那么乏味和清晰。关于性能，我猜JQuery应该被优化，所以它不应该太大。最后它只是一个包装器。您可以通过编写自己的特定代码来做得更好，但是您必须注意跨浏览器的兼容性和其他问题，JQuery会为您解决这些问题。

两种使用AJAX的方法之间的区别

1 个答案: