Dynamisch Holen Sie die URL für die JQuery-Ajax-request vom Data-Attribut

Ich habe ein JQuery-Autocomplete-Funktion, die ich brauche, um in der Lage sein, um übergeben Sie einen url ein. Ich bin versucht, ziehen Sie die url aus dem html-Daten-url-Attribut, allerdings bin ich derzeit immer eine variable ist undefined Meldung in der JavaScript-Konsole, so dass ich weiß, ich bin nicht immer die Werte, die ich erwarten. Ich habe meinen code unten. Jegliche Hilfe würde sehr geschätzt werden.

JQuery-Funktion:

 $(function () {
    $(".autocomplete").autocomplete({
        delay: 0,
        source: function (request, response) {
            var baseURL = $(this).data("url");
            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: baseURL + request.term,
                dataType: "json",
                success: function (data) {
                    response(data)
                }
            });
        },
        minLength: 1,
    });

HTML-Element:

<td style="width: 90%">
   <label for="tag_Name" class="inline">Server Tags: </label>
      <input class="fixed autocomplete" type="text" id="tag_Name" placeholder="Type tags to add..." data-url="/RequestFieldValues/GetLikeResourceTags/?prefix=" />
</td>
InformationsquelleAutor user2836554 | 2013-10-03
  1. 3

    Versuchen, diese stattdessen...

    $(function () {
    $(".autocomplete").each(function() {
        var baseURL = $(this).data("url");
        $(this).autocomplete({
            delay: 0,
            source: function (request, response) {
                $.ajax({
                    type: "GET",
                    contentType: "application/json; charset=utf-8",
                    url: baseURL + request.term,
                    dataType: "json",
                    success: function (data) {
                        response(data)
                    }
                });
            },
            minLength: 1,
        });
    });
});

    Ich habe die .autocomplete() innerhalb einer each() - Funktion, so können Sie sich beziehen this um die Basis-url aus dem data-Attribut. Sie kann dann passieren, dass in der source Funktion.

    Übrigens, wenn es mehr als 1 Eingang, dann müssen Sie jeweils eine eindeutige ID besitzen. Sie sollten nicht über Elemente mit der selben ID 🙂

    • Noch bis kommenden undefined sogar mit Zitaten.
    • Versuchen Sie, und lassen Sie uns wissen, wie Sie zu erhalten.
    • Funktioniert perfekt, vielen Dank!
    • Gerne helfen 🙂
    InformationsquelleAutor Archer
  2. 2

    Einen anderen Weg zum ändern der URL in einem ajax-request

    $.ajax({
  url: "http://static.url/",
  beforeSend: function (xhr) {
    this.url = "http://dyn.url/" + "here"
  }
});
    InformationsquelleAutor user305584
  3. 0

    ich denke, was Sie tun sollten, ist :

     $(function () {
var baseURL = $(".autocomplete").data('url');
    $(".autocomplete").autocomplete({
        delay: 0,
        source: function (request, response) {
            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: baseURL + request.term,
                dataType: "json",
                success: function (data) {
                    response(data)
                }
            });
        },
        minLength: 1,
    });
    • es gibt mehr als ein element mit ".autocomplete" - Klasse, so dass ich nicht denke, dass beides funktionieren wird. Ich brauche, um die URL aus der .autocomplete-Klasse, der die Anfrage, die ist, warum ich war versucht, die $(this) Referenz
    InformationsquelleAutor Hussein Nazzal
Schreibe einen Kommentar