Search With Ajax On Click And Show Results In Same Page Laravel August 09, 2024 Post a Comment I've setup a view which contains a search form: Solution 1: It mean your form submiting to same page due to type="submit"1) change to type="button" <button type="button"class="btn"id="btn-search" > Copy2) Here click event should be for button not to div so change the selector and add e.preventDefault(); in jquery to prevent the default submit . $('#btn-search').on('click', '#btn-search', function() { e.preventDefault(); });note :1st : your action attribute missing so form will be submit same page .Baca JugaShow And Hide Element On Mouse Over JqueryDatetime From Utc In Local Time FormatWhy Does Queryselector Only Select The First Element And How Can I Fix This?2nd : your method attribute missing so it will take default GET method Solution 2: You have given button type as submit, either remove it as <button type="button" class="btn"id="btn-search" > Search </button> Copyor use the jquery preventDeafult() function to prevent the default behavior of submit button i.e form submit in your button click event as$(document).ready(function() { $('#dateprice-search').on('click', '#btn-search', function(e) { e.preventDefault(); //your ajax code }); }); Copy Share You may like these postsPossible To Add Large Amount Of Dom Nodes Without Browser Choking?Jquery Dropdown From Mysql Based On Previous SelectionJavascript - How To Bind 'this' Inside An Ajax Call To The Object LiteralGreasemonkey Wait For Ajax Post a Comment for "Search With Ajax On Click And Show Results In Same Page Laravel"
Post a Comment for "Search With Ajax On Click And Show Results In Same Page Laravel"