Was sind die "response" und "request" - Argumente, die in jQuery-UI-Autocomplete ' s "Quelle" callback?

Ich freu mich auf die AutoVervollständigen-tutorial, und ich habe ein paar Fragen: http://jqueryui.com/demos/autocomplete/#option-disabled

$( "#tags" )
            //don't navigate away from the field on tab when selecting an item
            .bind( "keydown", function( event ) {
                if ( event.keyCode === $.ui.keyCode.TAB &&
                        $( this ).data( "autocomplete" ).menu.active ) {
                    event.preventDefault();
                }
            })
            .autocomplete({
                minLength: 0,
                source: function( request, response ) {
                    //delegate back to autocomplete, but extract the last term
                    response( $.ui.autocomplete.filter(
                        availableTags, extractLast( request.term ) ) );
                },
                focus: function() {
                    //prevent value inserted on focus
                    return false;
                },
                select: function( event, ui ) {
                    var terms = split( this.value );
                    //remove the current input
                    terms.pop();
                    //add the selected item
                    terms.push( ui.item.value );
                    //add placeholder to get the comma-and-space at the end
                    terms.push( "" );
                    this.value = terms.join( ", " );
                    return false;
                }
            });

So verstehe ich die Parameter für die Quelle ist request und response. Werden diese reservierten Schlüsselwörter? Ich konnte nicht finden, dass irgendetwas bei der Eingabe dieser in google. Ich bin nicht sicher, was ist der request und der response übergeben hier. Ist die Anfrage nur greifen Sie den Eingang? Wo kann ich Lesen, mehr über diese?

  • Ich würde die Konsole viele dieser Konsole.log(response). Sie könnten dann sehen, was die Objekte sind. Auch an der Konsole.log(typeof response) könnte dir auch helfen.
InformationsquelleAutor Strawberry | 2012-03-29
  1. 15

    request und response sind einfach die Namen, die der Autor des Codes entschieden hat, geben die beiden formalen Parameter der callback zugewiesen Quellcode Möglichkeit, das autocomplete-widget:

    AutoVervollständigen können angepasst werden, um die Arbeit mit verschiedenen Daten-Quellen, nur durch die Angabe der source-option. Eine Datenquelle kann sein:

    • ein Array mit lokalen Daten
    • eine Zeichenfolge, die Angabe einer URL
    • einen Rückruf

    Die Dritte Variante, der Rückruf, bietet die größte Flexibilität, und
    wird eine Verbindung zu jeder beliebigen Datenquelle AutoVervollständigen. Der Rückruf
    bekommt zwei Argumente:

    • Ein request-Objekt, mit einer einzigen Eigenschaft, die man als "Begriff", die sich
      der Wert momentan in der Texteingabe. Zum Beispiel, wenn der Benutzer
      eingegeben "new yo" in einer Stadt, Feld, wird die AutoVervollständigen-Begriff wird gleich
      "new yo".
    • Eine Antwort Rückruf, die erwartet ein einziges argument
      enthalten die Daten zu empfehlen, um den Benutzer. Diese Daten gefiltert werden sollen
      basierend auf den Begriff, und können in jeder der beschriebenen Formate
      oben für einfache lokale Daten (String-Array-oder Objekt-Array mit
      Bezeichnung/Wert/beide Eigenschaften). Es ist wichtig, bei der Bereitstellung eine benutzerdefinierte
      Quelle callback-Fehler behandelt, die während der Anforderung. Sie müssen immer
      rufen Sie die response callback-auch wenn Sie auf einen Fehler stoßen. Diese
      sorgt dafür, dass das widget hat immer den richtigen Zustand.
    InformationsquelleAutor Jon
  2. 24

    Nein, request oder response sind nicht reservierte Schlüsselwörter – wenn Sie waren, konnte man Sie nicht verwenden Sie Sie als Funktion parameter-Namen..

    Was hier Los ist, ist ziemlich einfach, und wenn du mal nichts tun, in die Knoten, die Sie sehen das Muster. Es ist async JavaScript.

    Du bist die übergabe einer anonymen Funktion source. Diese Funktion wird immer aufgerufen, wenn AutoVervollständigen muss für die Abfrage der Datenquelle (in anderen Worten, der Benutzer etwas eingetippt).

    Parameter der Funktion sind request und response. request ist einfach die AutoVervollständigen-Informationen anfordert; request.term ist die Abfrage (was der Benutzer eingegeben). Es ist bis zu Ihnen, wie die Umsetzung der Suche – vielleicht haben Sie eine lokale variable mit Möglichkeiten oder Sie könnte ein AJAX-Aufruf an den server.

    Nun der wichtige Teil: wenn Sie eine AJAX-Aufrufs, können Sie nicht einfach return einen Wert von source() da die Funktion zurück, lange bevor der AJAX-Aufruf abgeschlossen ist. Das ist, warum es eine response parameter.

    response ist eine Funktionsreferenz übergeben, um Ihre source() Funktion, die aufgerufen wird, wenn Sie die Antwort auf die Anfrage. Durch die Magie der Verschlüsse, die Sie können diese Funktion aufrufen, von innen ein AJAX-callback.

    response (das könnte weniger verwirrend benannt werden callback) erwartet ein array von strings oder Objekten mit label und value Eigenschaften. Es wird sich zeigen diese Ergebnisse in der AutoVervollständigen-dropdown-Liste.

    Alles zusammen:

    $('selector').autocomplete({
    ...
    source: function(request, response) {
        //calculate results for a query.
        response([{ label: 'Example', value: 'ex'  }]);
    }
});
    InformationsquelleAutor josh3736
  3. 0

    Es ist klar dokumentiert in der jQuery-UI-autocomplete-Seite.

    http://jqueryui.com/demos/autocomplete/

    Die Dritte Variante, der Rückruf, bietet die größte Flexibilität, und
    wird eine Verbindung zu jeder beliebigen Datenquelle AutoVervollständigen. Der Rückruf
    bekommt zwei Argumente:

    Objekts ein Anfrage-Objekt, mit einer einzigen Eigenschaft, die man als "Begriff", die sich
    der Wert momentan in der Texteingabe. Zum Beispiel, wenn der Benutzer
    eingegeben "new yo" in einer Stadt, Feld, wird die AutoVervollständigen-Begriff wird gleich
    "new yo".

    Antwort Rückruf, die erwartet ein einziges argument
    enthalten die Daten zu empfehlen, um den Benutzer. Diese Daten gefiltert werden sollen
    basierend auf den Begriff, und können in jeder der beschriebenen Formate
    oben für einfache lokale Daten (String-Array-oder Objekt-Array mit
    Bezeichnung/Wert/beide Eigenschaften). Es ist wichtig, bei der Bereitstellung eine benutzerdefinierte
    Quelle callback-Fehler behandelt, die während der Anforderung. Sie müssen immer
    rufen Sie die response callback-auch wenn Sie auf einen Fehler stoßen. Diese
    sorgt dafür, dass das widget hat immer den richtigen Zustand.

    • Ich glaube nicht, das ist klar dokumentiert. Es ist eher uncomprehensible wenn Sie es nicht gewohnt die jQuery-Semantik.
    • Es gibt eine Reihe von stellen auf, SO zu sagen, dass so und so jQuery-Anlage/Idee/Vermutung/was-haben-Sie ist deutlich dokumentiert, die auf so-und-so-Seite. Das problem ist, dass diese Dokumentation bits begraben sind, die im inneren mehrere Schichten von Umleitung, und schlimmer noch, die URL der Dokumentation auf der jQuery-Website wird nicht aktualisiert, wenn etwas angeklickt wird. In diesem Fall (der Antwort oben), wenn Sie auf den link erwähnt in der Antwort, ist es nicht die Informationen liefern. Sie sollten dann klicken Sie auf "API-Dokumentation" und suchen Sie dann nach "Rückruf", um anzukommen in der oben genannten Antwort-text.
    InformationsquelleAutor asawyer
Schreibe einen Kommentar