TypeError: $ .ajax (...) nie jest funkcją?

Question

Próbuję utworzyć proste żądanie AJAX, które zwraca niektóre dane z bazy danych MySQL. Oto moja funkcja poniżej:

function AJAXrequest(url, postedData, callback) { 
    $.ajax() ({ 
     type: 'POST', 
     url: url, 
     data: postedData, 
     dataType: 'json', 
     success: callback 
    }); 
} 

... a tu, gdzie ja to nazywam, analizowania w wymaganych parametrach:

AJAXrequest('voting.ajax.php', imageData, function(data) { 
    console.log("success!"); 
}); 

na stronie voting.ajax.php, obecnie jestem po prostu zwracając JSON zakodowany zmienna równa 1 do testowania:

$someNumber = 1; 
return json_encode($someNumber); 

Jednak mój sukces wywołania zwrotnego nie działa (! „sukcesu”, jak nie jest zalogowany do konsoli) i pojawia się błąd w moim konsoli:

Co to oznacza? Zrobiłem żądania AJAX wcześniej, gdzie zdarzenie sukcesu wyzwala anonimową funkcję wewnątrz $ .ajax, ale teraz próbuję uruchomić oddzielną nazwaną funkcję (w tym przypadku wywołanie zwrotne). Jak mam to zrobić?

Answer 1

Nie jestem pewien, ale wygląda na to, że masz kod składniowy w kodzie. Spróbuj:

$.ajax({ 
    type: 'POST', 
    url: url, 
    data: postedData, 
    dataType: 'json', 
    success: callback 
}); 

Miałeś dodatkowe wsporniki do kolejnych $.ajax które nie były potrzebne. Jeśli nadal występuje błąd, plik skryptu jQuery nie jest ładowany.

Answer 2

Wystąpił błąd składni postawieniu nawias po funkcji Ajax i inny zestaw nawiasie zdefiniować listę argumentów: -

Jak masz napisane: -

$.ajax() ({ 
    type: 'POST', 
    url: url, 
    data: postedData, 
    dataType: 'json', 
    success: callback 
}); 

nawias wokół ajax musi być usunięty powinno być: -

$.ajax({ 
    type: 'POST', 
    url: url, 
    data: postedData, 
    dataType: 'json', 
    success: callback 
}); 

Answer 3

masz błąd w funkcji AJAX, za dużo nawiasów, spróbuj zamiast $.ajax({

Answer 4

Napotkałem to samo pytanie, a moim rozwiązaniem było: dodać skrypt JQuery.

Szczególnie powinniśmy upewnić się, że odpowiedni JQuery jest załadowany, gdy debugujemy nasze js pod firefox/chrome.

Answer 5

kasie Jquery Documentation

Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are removed as of jQuery 3.0. You can use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

Answer 6

Żadna z odpowiedzi tutaj pomógł mi. Problem polegał na tym, że: Użyłem cienkiej wersji jQuery, która usunęła niektóre elementy, a ajax był jednym z nich.

Rozwiązanie: wystarczy pobrać zwykłą (skompresowaną lub nie) wersję jQuery here i dołączyć ją do projektu.

Answer 7

Dla każdego, kto próbuje uruchomić to w nodejs: To nie będzie działać po wyjęciu z pudełka, ponieważ jquery potrzebuje przeglądarki (lub podobnej)! Próbowałem tylko importować i rejestrować console.log($), który napisał [Function], a następnie także console.log($.ajax), który zwrócił undefined.Nie miałem błędów tsc i miałem autouzupełnianie od intellij, więc zastanawiałem się, co się dzieje.

Potem w pewnym momencie zdałem sobie sprawę, że node może być problemem, a nie maszynopisem. Próbowałem tego samego kodu w przeglądarce i działało. Aby to działało trzeba uruchomić:

require("jsdom").env("", function(err, window) { 
    if (err) { 
     console.error(err); 
     return; 
    } 

    var $ = require("jquery")(window); 
}); 

(kredyty: https://stackoverflow.com/a/4129032/3022127)

Answer 8

dwukrotnie sprawdzić, czy używasz pełnej wersji jQuery a nie jakiś szczupły wersję.

Użyłem jquery link skryptu cdn, który pochodzi z jquery. Problem polega na tym, że domyślnie jest to slim.jquery.js, który nie ma w sobie funkcji ajax. Tak więc, jeśli używasz (skopiuj wklejony z witryny Bootstrap) cienki link skryptu jQuery, użyj zamiast tego pełnej wersji.

To znaczy Użyj <script src="https://code.jquery.com/jquery-3.1.1.min.js"> zamiast <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"