javascript - Ajax 加载器脚本两次调用 php 脚本

Question

我在我的 html 页面上使用 ajax 从 db 加载数据 wo 重新加载并在某些事件上发送电子邮件通知，它的工作完美，同时我使用显示和隐藏 ajax 加载器图像的功能，但它调用我的 php 脚本两次，以便每个两次发送电子邮件的时间

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.js"></script>

<script>
function showUser(str)
{
if (str=="")
  {
  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","../getuser.php?q="+str,true);
xmlhttp.send();
}

// ajax loader image

  function getuser(str){
     $.ajax({
      url: "http://site.com/getuser.php?q="+str,
      beforeSend: function (XMLHttpRequest)
      {
         $("#loading").show();
      }
    }).done(function ( data ) {
     $("#txtHint").html(data);
     $("#loading").hide(); });
  }
$(document).ready(function(){
  $("select[name='users']").change(function () {
   getuser($("option:selected", this).val()); });
   });

</script>

如何改进此功能以仅一次调用 php 脚本？

Answer 1

  function getuser(str){
 $.ajax({
  url: "http://site.com/script.php?q="+str,
  beforeSend: function (XMLHttpRequest)
  {
     $("#loading").show();
  }
}).done(function ( data ) {
 //     $("#txtHint").html(data);
 $("#loading").hide(); });
}
$(document).ready(function(){
$("select[name='users']").bind('change',function () {
 getuser($("option:selected", this).val()); });
 });