javascript - 重用ajax函数

Question

我想重用这个功能，但我想每次都更改 id（在这种情况下是品牌），我是否必须每次都重新制作这个功能，还是有其他方法？

这是功能：

        function showUser(str)
    {
    if (str=="")
      {
      document.getElementById("brand").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("brand").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","inc/form_rest.php?q="+str,true);
    xmlhttp.send();
    }

Answer 1

传入id作为函数的参数？

Answer 2

您可以将 id 作为参数传递...

function showUser(str, id) {
    if (str=="") {
      document.getElementById(id).innerHTML="";
      return;
    }
    if (window.XMLHttpRequest) {
      xmlhttp=new XMLHttpRequest();
    } else {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
      if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById(id).innerHTML=xmlhttp.responseText;
      }
    }
    xmlhttp.open("GET","inc/form_rest.php?q="+str,true);
    xmlhttp.send();
}