jquery - Load ajax without click button -
i have jquery makes ajax call clicking button, want them without pressing button, should work when loading page.
this button
<div> <form method="post" action=""> <button value="cars" type="submit" id="submitcars">get cars</button> </form> </div>
script of button 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') { (var 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>
div in html:
<div id="wines" class="span-7 colborder"> </div>
javascript print data in here. thanks.
just remove call click
:
$(document).ready(function(){ var button = $('#submitcars').val(); //you may not need this, hard code value $.ajax({ url: 'search-facet-form', data: 'button=' + button , datatype: 'json', success: function(data) { $('#wines').html(''); if (button == 'cars') { (var 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); } } } }); });
Comments
Post a Comment