jquery ajax in php to stop reload page [duplicate]

Answer 1

<script>
  $(document).ready(function() {
  $( "#sorter" ).click(function() {
    var order_by_value = $('input[name="order_by"]').val();

$.ajax({
                type: 'GET',
                url: 'the url link ',
                data: {
                    'order_by_value': order_by_value         
       },
                success: function (res) {
                    if(res == "ASC"){
                          $('input[name="order_by"]').val("ASC");
                     }
                    else {
                          $('input[name="order_by"]').val("DSC");
                         }
                    $('input[name="current"]').trigger('click');
                 });
                }
        });

</script>

Answer 2

Firstly, never reload your page before you are sure that the ajax has completed its process.

Secondly, if you want to sort using JS run that code after you finish submitting the form or data in your case.

Here is how your ajax code with page reload on compeletion will look like

$.ajax({
                type: 'GET',
                url: 'your_page_link.php',//this will be url of your backend page
                data: {
                    'name':name
                    'email':email            
                },// if you are using form then just use .serialize() to submit the form instead of preparing data like this use $("#form_id").serialize()
                success: function (msg) {
                    resp = msg;
                }
        }).done(function(){
             if(resp == your_expected_response){
              window.location.href = "http://stackoverflow.com";
             }else{
              //your error handler
             }
        });

Hope this will be helpful, please feel free to ask if any clarification is required..

Cheers!!