Search With Ajax On Click And Show Results In Same Page Laravel

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" >

2) 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 .

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>

or 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
  });
});

Share

You may like these posts

• 
  Bootstrap-vue.js With Laravel Unknown Custom Element: Error
• 
  Laravel Echo Listener Not Working On Frontend
• 
  How To Pass A Value From A Js Function To A Laravel Controller?
• 
  Laravel Delete From Shopping Cart Using Ajax