jQuery - Illegaler Aufruf

Question

jQuery v1.7.2

Ich habe diese funcion, die mir die folgende Fehlermeldung zu geben, während der Ausführung:

Uncaught TypeError: Illegal invocation 

Hier ist die Funktion:

$('form[name="twp-tool-distance-form"]').on('submit', function(e) { 
    e.preventDefault(); 

    var from = $('form[name="twp-tool-distance-form"] input[name="from"]'); 
    var to = $('form[name="twp-tool-distance-form"] input[name="to"]'); 
    var unit = $('form[name="twp-tool-distance-form"] input[name="unit"]'); 
    var speed = game.unit.speed($(unit).val()); 

    if (!/^\d{3}\|\d{3}$/.test($(from).val())) 
    { 
     $(from).css('border-color', 'red'); 
     return false; 
    } 

    if (!/^\d{3}\|\d{3}$/.test($(to).val())) 
    { 
     $(to).css('border-color', 'red'); 
     return false; 
    } 

    var data = { 
     from : from, 
     to : to, 
     speed : speed 
    }; 

    $.ajax({ 
     url : base_url+'index.php', 
     type: 'POST', 
     dataType: 'json', 
     data: data, 
     cache : false 
    }).done(function(response) { 
     alert(response); 
    }); 

    return false; 
}); 

Wenn Ich entferne data von Ajax Anruf, es funktioniert .. irgendwelche Vorschläge?

Danke!

Answer 1

Ich denke, Sie müssen Zeichenfolgen als Datenwerte haben. Es ist wahrscheinlich etwas innerhalb von jQuery ist nicht korrekt zu kodieren/serialisieren die To & From Objects.

Versuch:

var data = { 
    from : from.val(), 
    to : to.val(), 
    speed : speed 
}; 

Hinweis auch auf den Linien

$(from).css(... 
$(to).css(

Sie brauchen nicht auf die jQuery-Wrapper als zu & Von sind bereits Objekte jQuery.

Answer 2

Try verarbeite zu setzen: false in Ajax-Einstellungen wie diese

$.ajax({ 
    url : base_url+'index.php', 
    type: 'POST', 
    dataType: 'json', 
    data: data, 
    cache : false, 
    processData: false 
}).done(function(response) { 
    alert(response); 
}); 

Answer 3

Nur für das Protokoll es auch, wenn Sie

var layout = {}; 
$.ajax({ 
    ... 
    data: { 
    layout: laoyut // notice misspelled variable name 
    }, 
    ... 
}); 

Answer 4

in Daten wie nicht deklarierten Variablen zu verwenden versuchen passieren kann Mein Problem war unabhängig von processData. Das lag daran, dass ich eine Funktion gesendet habe, die später nicht mit apply aufgerufen werden kann, weil sie nicht genügend Argumente hatte. Insbesondere hätte ich alert nicht als error Rückruf verwenden sollen.

$.ajax({ 
    url: csvApi, 
    success: parseCsvs, 
    dataType: "json", 
    timeout: 5000, 
    processData: false, 
    error: alert 
}); 

Sehen Sie diese Antwort für weitere Informationen darüber, warum das ein Problem sein kann: Why are certain function calls termed "illegal invocations" in JavaScript?

Die Art und Weise ich in der Lage war dies ein console.log(list[ firingIndex ]) zu jQuery war zu entdecken, durch Zugabe so konnte ich verfolgen, was sie feuert.

Dies war der fix:

function myError(jqx, textStatus, errStr) { 
    alert(errStr); 
} 

$.ajax({ 
    url: csvApi, 
    success: parseCsvs, 
    dataType: "json", 
    timeout: 5000, 
    error: myError // Note that passing `alert` instead can cause a "jquery.js:3189 Uncaught TypeError: Illegal invocation" sometimes 
});