¿Cómo configuro JQuery Autocompletar en POST en lugar de GET?

Question

¿Hay alguna manera de establecer el método de envío HTTP Autocompletar de Jquery en POST en lugar de GET?

Answer 1

Desafortunadamente, no hay opción para el autocompletador que le permita configurar eso. Sin embargo, hay un lugar único en el código del complemento donde se llama a la función $.ajax. No se ha especificado la opción type, lo que significa que se establecerá de manera predeterminada en una solicitud GET. Se podría modificar el $.ajax llamada (que comienza en la línea 361 de la última versión) para incluir una opción type y establezca su valor en "post":

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

Answer 2

Puede utilizar el

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

antes la llamada para autocompletar, y anulará la llamada ajax en la página.

Answer 3

Probablemente mejor para pasarlo con el parámetro de origen en lugar de establecer de forma global como esto:

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

Answer 4

Es una muy mala idea de editar el código fuente, porque si no se pierden los cambios en la próxima actualización del widget. Es mejor configurar el tipo global para "publicar" o pasar un objeto de solicitud/respuesta.

Answer 5

Sobreescribí esa función en nuestro archivo JavaScript (cargado después de la interfaz de usuario jQuery) para que acepte GET/POST como otra opción.

$.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; 
    } 
}; 

Creo que resuelve los problemas mencionados por otras personas anteriormente sin romper cualquier otra cosa:
- Edición del archivo de interfaz de usuario jQuery directamente haría que la actualización jQuery UI un dolor, y evitar que utilice las API de Google para alojar su jQuery archivos
- $ .ajaxSetup afectaría cada llamada de autocompletado o ajax en nuestro producto
- Escribir un $ .post y pasarlo como una función es genial, pero un montón de tipeo si usa docenas de autocompletas en su sitio.