Come si imposta il completamento automatico JQuery su POST anziché su GET?

Question

C'è un modo per impostare il metodo di invio HTTP di completamento automatico di Jquery su POST anziché su GET?

Answer 1

Sfortunatamente, non vi è alcuna opzione per il completamento automatico che consentirà di impostarlo. Esiste, tuttavia, una singola posizione nel codice del plugin in cui viene chiamata la funzione $.ajax. Non è stata specificata l'opzione type, il che significa che verrà impostato automaticamente su una richiesta GET. Si potrebbe modificare il $.ajax chiamata (che inizia sulla linea 361 della versione più recente) per includere un'opzione type e impostare il valore di "post":

$.ajax({ //line 361 
    type: "post", 
    ... 

Answer 2

È possibile utilizzare il

$.ajaxSetup({ type: "post" }); 

prima la chiamata al completamento automatico, e sostituirà la chiamata Ajax sulla pagina.

Answer 3

Probabilmente meglio passare in con il parametro sorgente piuttosto che impostare a livello globale in questo modo:

$("#input").autocomplete({ 
    source: function (request, response) { 
     $.post("/AjaxPostURL", request, response); 
    } 
}); 

Answer 4

E 'davvero una cattiva idea quella di modificare il codice sorgente, perché perderai le modifiche sul prossimo aggiornamento del widget. È meglio impostare il tipo globale su "post" o passare un oggetto richiesta/risposta.

Answer 5

Ho sovrascritto quella funzione nel nostro file JavaScript (caricata dopo l'interfaccia utente jQuery) per far sì che accetti GET/POST come un'altra opzione.

$.ui.autocomplete.prototype._initSource = function() { 
    var array, url, 
     that = this; 
    if ($.isArray(this.options.source)) { 
     array = this.options.source; 
     this.source = function(request, response) { 
      response($.ui.autocomplete.filter(array, request.term)); 
     }; 
    } else if (typeof this.options.source === "string") { 
     url = this.options.source; 
     /*added*/ var httpMethod = this.options.type ? this.options.type : 'GET'; 
     this.source = function(request, response) { 
      if (that.xhr) { 
       that.xhr.abort(); 
      } 
      that.xhr = $.ajax({ 
       url: url, 
       data: request, 
       dataType: "json", 
       /*added*/ type: httpMethod, 
       success: function(data) { 
        response(data); 
       }, 
       error: function() { 
        response([]); 
       } 
      }); 
     }; 
    } else { 
     this.source = this.options.source; 
    } 
}; 

Penso che risolve i problemi menzionati da altre persone al di sopra senza rompere ogni altra cosa:
- modificando direttamente il file UI jQuery renderebbe l'aggiornamento di jQuery UI un dolore, e vi impedisce di utilizzare le API di Google per ospitare il vostro jQuery file
- $ .ajaxSetup influisce su ogni autocomplete o chiamata ajax attraverso il nostro prodotto
- Scrivere un $ .post e passarlo come una funzione è interessante, ma molto digitazione se usi decine di autocompleti attraverso il tuo sito.