ajax - 无需点击按钮即可加载ajax

Question

我有一个 jquery，可以通过单击按钮进行 AJAX 调用，但我希望它们无需按下按钮，它应该在加载页面时工作。

这是按钮

<div>
    <form method="post" action="">
        <button value="cars" type="submit" id="submitCars">Get Cars</button>
    </form>
</div>

ajax按钮脚本

 <script>
 <![CDATA[
$(document).ready(function(){
    $('#submitCars').click( function(event) {
        event.preventDefault();
      var button = $(this).val();
      $.ajax({
        url: 'search-facet-form',
        data: 'button=' + $(this).val(),
        dataType: 'json',
        success: function(data)
        {
          $('#wines').html('');

          if (button == 'cars') {
            for (var i in data.facet_counts.facet_fields.manufacturer) {
              if (!$.isNumeric(data.facet_counts.facet_fields.manufacturer[i])) {
                var imagen = 'img/logo-cars/' + data.facet_counts.facet_fields.manufacturer[i] + '-logo-small.gif';
                d=document.createElement('img');
                $(d).attr('src', imagen);
              }
              $('#wines').append(d);
            }
          }
        }
      });
      return false;
    });
  });
]]>
 </script>

HTML 中的 DIV:

<div id="wines" class="span-7 colborder">
</div>

Javascript 将在这里打印数据。谢谢。

Answer 1

只需删除对 click 的调用即可:

$(document).ready(function(){
  var button = $('#submitCars').val(); //You may not even need this, you could just hard code this value

  $.ajax({
    url: 'search-facet-form',
    data: 'button=' + button ,
    dataType: 'json',
    success: function(data)
    {
      $('#wines').html('');

      if (button == 'cars') {
        for (var i in data.facet_counts.facet_fields.manufacturer) {
          if (!$.isNumeric(data.facet_counts.facet_fields.manufacturer[i])) {
            var imagen = 'img/logo-cars/' + data.facet_counts.facet_fields.manufacturer[i] + '-logo-small.gif';
            d=document.createElement('img');
            $(d).attr('src', imagen);
          }
          $('#wines').append(d);
        }
      }
    }
  });
});