JQuery AJAX von GET POST

Question

Ich habe die folgende GET-Anfrage:

$('#Types').on('change', function() { 
    $.ajax({ 
     url: '../Dashboard/DisplayTiles?type=' + $('#Types').val() + "&category=" + $('#Categories').val(), 
     beforeSend: function() { 
      $('#loading').show(); 
      $('#search').val(""); 
     }, 
     success: function (data) { 
      $('#main').html(data); 
      $('#loading').hide(); 
     } 
    }); 
}); 

Wie kann ich diesen Post? Ich habe versucht, es ohne ein klares Ergebnis zu googeln ... Ich möchte die Methode als post angeben und die gleichen Daten in die Anfrage wie zuvor (Daten in URL).

Answer 1

Stellen Sie die method Eigenschaft auf 'POST' und ein Objekt mit Ihren Daten um data Eigenschaft bereitzustellen. Entfernen Sie auch die Query-String aus der URL bereitgestellt

$.ajax({ 
    // Remove query string 
    url: '../Dashboard/DisplayTiles', 
    // Set method to 'POST' 
    method: 'POST', 
    // Provide the data object 
    data: { 
     type: $('#Types').val(), 
     category: $('#Categories').val() 
    }, 
    beforeSend: function() { 
     $('#loading').show(); 
     $('#search').val(""); 
    }, 
    success: function (data) { 
     $('#main').html(data); 
     $('#loading').hide(); 
    } 
}); 

Answer 2

Verwendung Methodenparameter von Ajax wie:

$.ajax({ 
    url   : 'ajax_process.php', 
    method  : 'post', 
    data  : 
    { 

    }, 
    success  : function(response) 
    { 

    }); 

Answer 3

Verwenden type: 'POST' in $.ajax().