jQuery - AJAX beforeSend

Question

这个AJAX调用没有在beforeSend之前执行操作，尽管ajax请求正在按原样运行。从从不同的ajax调用接收的按钮调用此函数。我需要在这里更改什么？

<%= image_tag 'wait.gif', :id => 'wait_icon', :style => "display:none;"%>

$(function(){
  $('#add_remove_button').click(function() {
    $.ajax({
      type: 'GET',
      url: "/item/add_remove", 
      success: function(data) { $('#view_item').html(data); },
      beforeSend: function() { getElementById('wait_icon').style.display='block'; 
      /*$('#wait_icon').show();*/#Tried this too 
      },
      data: $('#test').serialize(),
      error: function(){  },
      success: function(data){   },
      complete: function (){   }
    });
    return false;
  });
});

Answer 1

尝试更改此

getElementById('wait_icon').style.display='block';

到这个

document.getElementById('wait_icon').style.display='block';