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 JugaJquery .post() Return Html Into TableHow To Check If A Link Is Clicked Using Ajax/jqueryHow Do I Load A Php Include Into A Page With Ajax Whilst The Page Is Loading2nd : 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 postsHow Can I Limit Users From Uploading More Then 5mb To The Server?Error: Summernote Is Not A Function When Using Local FilesCodeigniter:: Deleting Multiple Records In CheckboxJavascript With Php Foreach 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"