Uncaught TypeError: Cannot read property 'toLowerCase' undefined

$('#sum').keydown(function(){
           updateResultPrice(); 
        });

        function updateResultPrice() {
            ajax('/payment/summ', 'price='+$(this).val());
        }

Pas de travail! Journal de la Console d'impression:
Uncaught TypeError: Cannot read property 'toLowerCase' undefined

  • Il n'y a pas d'appel à la toLowerCase dans le code que vous avez posté.
  • C'est parce que l'erreur est levée à partir du code jQuery, qui est l'application de .toLowerCase() à une variable qui n'est apparemment pas défini.
InformationsquelleAutor | 2014-11-28
  1. 5

    Vous n'avez pas un appel à .toLowerCase(), mais je devine que vous êtes à la chaîne à la fin de .val().

    Le problème, c'est que votre this valeur est window, et pas le #sum élément.

    Changer votre gestionnaire de ceci:

    $('#sum').keydown(updateResultPrice); //<-- pass the function directly

function updateResultPrice() {
    ajax('/payment/summ', 'price='+$(this).val().toLowerCase());
}

    Maintenant, lorsque le gestionnaire est appelé, this fera référence à la #sum variable et .val() ne sera pas de retourundefined.

    InformationsquelleAutor six fingered man
  2. 0

    J'ai testé votre code, comme c'est, et n'a pas réellement obtenir la "Uncaught TypeError: Cannot read property 'toLowerCase' undefined" erreur dans la console. Toutefois, j'ai réussi à déclencher une erreur avec le ajax() méthode.

    La raison que votre code ne fonctionnait pas, a été le fait de $(this) serait égal à la window, et pas le #sum élément. les six doigts de l'homme a expliqué dans sa réponse.

    Essayez d'utiliser ce code à la place.

    //Switch 'keydown' to 'on' and include 'keyup' event to get the actual data;
//The 'on' method allows you to "string" events together. 'keyup keydown click focus...' etc.
$('#sum').on('keyup', function(){
    //Define a variable to make calling 'this' easier to write;
    var me = $(this);
    //Get the value of "me";
    var val = me.val();

    //Relay the value to the function;
    updateResultPrice( val );
});

//The function, updateResultPrice, accepts an argument of "value";
function updateResultPrice( value ) {
    //Your prior code used $(this).val() within the function;
    //The function doesn't have a $(this) to retreive the value from it,
    //So, use the "value" argument;
    $.ajax('/payment/summ', 'price=' + value); //Call "$.ajax", not "ajax";
    //The above snippet will trigger a 404, should the file not exist.

    //Just to test that it works, log it to the console;
    console.log( 'the price is: '+value );
}

    Pour vos tests plaisirs, voici une JSFiddle démo du code ci-dessus.

    InformationsquelleAutor LeoV117