jQuery autocomplete-timeout

Aus irgendeinem Grund die ajax-Anfragen, die ich an der Webseite arbeite ich an Abbruch der Hälfte der Zeit. Dies ist behoben, wenn ich einen timeout für die ajax-Anfrage, wie unten gezeigt.

$.ajax({
    url: "/question/why_wont_it_work",
    timeout : 1000,
    success: function(){ /*do stuff*/ }
});

Leider ist der timeout fix scheint nicht zu funktionieren mit dem jquery autocomplete. Ich verwende es wie folgt:

$( "#questionTags" ).autocomplete({
    source: "/question/tags",
    timeout: 1000,
    select: function(event, ui) { /*do stuff*/ },
});

Ich habe in der jQueryUI-Dokumentation auf der website und nicht sehen, die option timeout gibt. Nun, dies ist ziemlich nervig, da die Hälfte der Zeit meiner Anfrage wird abgebrochen und ich erhalte nicht die Ergebnisse
Ich will. Gibt es eine Möglichkeit, um dieses?

Vielen Dank im Voraus.

  • Ist Ihre AutoVervollständigen-Quelle, dass ein server-Reise? Wie viele Daten sind Sie mit der Zusammenarbeit? Menschen in der Regel nicht wollen, warten Sie 20 Sekunden für eine AutoVervollständigen zu füllen, so würde ich empfehlen, dass schneller.
  • 20 Sekunden ist in der Tat viel zu lang, stellen Sie sicher, dass der timeout wäre nicht das problem für den Abbruch.
  • Ich bin neu in jQuery und es brauchte eine Weile, um herauszufinden, dass für meine lange Ausführung AutoVervollständigen-request, wenn ich den Fokus verloren auf das AutoVervollständigen-Feld (sagen wir, um zu überprüfen, firebug), dann die autocomplete-Ergebnisse nicht angezeigt, auch wenn der AJAX-request erfolgreich war.
  • Hat mich eine lange Zeit auch–bis ich Las Ihren Kommentar. Argh.
InformationsquelleAutor Ilians | 2012-04-04
  1. 8

    Können Sie liefern eine beliebige Funktion, um die source parameter. So könnte man manuell machen eine AJAX-Anforderung und geben Sie die timeout option:

    var xhr = null; /* To prevent multiple calls from happening while one is in progress */
$("#questionTags").autocomplete({
    source: function (request, response) {
        if (!xhr) {
            xhr = $.ajax({
                url: "/question/tags",
                timeout: 20000,
                data: request,
                dataType: "json",
                success: function (data) {
                     xhr = null;
                     response(data);
                },
                error: function () {
                    response([]);
                }
            });
        }
    },
    select: function(event, ui) { /*do stuff*/ },
});

    Aber ich bin mit @El Ronnoco, werden Sie wahrscheinlich wollen, um ernsthaft zu beschleunigen Ihre Anfrage. 20 Sekunden ist eine lange Zeit zu warten.

    InformationsquelleAutor Andrew Whitaker
  2. 4

    Wenn source ist ein string, jQuery autocomplete funktioniert der code unten gezeigt, die Daten zu laden, so dass es nicht zu einem timeout.

    Könnte man den timeout einstellen Global über ajaxSetup wie diese:

    $.ajaxSetup({
    timeout: 20000,
});

    Aber das wäre auf alle Ihre ajax-requests.

    Code aus jquery.ui.autocomplete.js :: _initSource

    self.xhr = $.ajax({
    url: url,
    data: request,
    dataType: "json",
    context: {
        autocompleteRequest: ++requestIndex
    },
    success: function( data, status ) {
        if ( this.autocompleteRequest === requestIndex ) {
            response( data );
        }
    },
    error: function() {
        if ( this.autocompleteRequest === requestIndex ) {
            response( [] );
        }
    }
});
    InformationsquelleAutor Marc
  3. -1
    $target.autocomplete('/question/why_wont_it_work',{
        delay: 2000
    });
    • Sie haben etwas zu erklären.
    • Und das behebt das problem denn?
    InformationsquelleAutor metron
Schreibe einen Kommentar