Search With Ajax On Click And Show Results In Same Page Laravel May 10, 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 JugaHow To Change Origin Of Request Header From Localhhost To "*"Ajax Call In For Loop Wait Until All Done (error Or Success)How To Check If A Link Is Clicked Using Ajax/jquery2nd : 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 postsWhy Do Browsers Inefficiently Make 2 Requests Here?How To Handle Undo/redo Event In Javascript?Page Lifecycle In JavascriptFill Div With Html File Via 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"