如何将这个javascript ajax代码转换为查询ajax?

时间:2012-11-07 20:57:14

标签: javascript jquery ajax

这段代码似乎很长 - 但我不完全理解转换此代码的jquery .ajax函数 - 我的主要问题是我不知道如何实现responseText-bit

非常感谢任何帮助:

function getCategory(category){
  if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
  }else{
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
      document.getElementById("products").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","productlist.php?q="+category,true);
  xmlhttp.send();
}

1 个答案:

答案 0 :(得分:3)

$.ajax({
    url: "productlist.php?q=" + category,
    success: function( data ) {
         $("#products").html( data );
    }
});

或者简单地说:

$("#products").load("productlist.php?q=" + category);

功能包装的原因:

function getCategory( category ) {
    $("#products").load("productlist.php?q=" + category);
}