jQuery - trái phép gọi

Question

jQuery v1.7.2

Tôi có funcion này được đưa ra cho tôi những lỗi sau trong khi thực hiện:

Uncaught TypeError: Illegal invocation 

Dưới đây là các chức năng:

$('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; 
}); 

Nếu Tôi xóa data khỏi cuộc gọi ajax, nó hoạt động .. bất kỳ đề xuất nào?

Cảm ơn!

Answer 1

Tôi nghĩ bạn cần có chuỗi như giá trị dữ liệu. Có khả năng một cái gì đó nội bộ của nó trong jQuery không mã hóa/serializing chính xác các Để & Từ các đối tượng.

thử:

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

Cũng thông báo trên các dòng

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

bạn không cần các wrapper jQuery như Để & Từ đã là đối tượng jQuery.

Answer 2

Cố gắng thiết lập processData: false trong cài đặt ajax như thế này

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

Answer 3

Chỉ cần cho các hồ sơ nó cũng có thể xảy ra nếu bạn cố gắng sử dụng biến chưa được khai báo trong dữ liệu như

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

Answer 4

My vấn đề không liên quan đến processData. Đó là bởi vì tôi đã gửi một hàm không thể gọi sau bằng apply vì nó không có đủ đối số. Cụ thể tôi không nên sử dụng alert làm gọi lại error.

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

Xem câu trả lời này để biết thêm thông tin về lý do tại sao mà có thể là một vấn đề: Why are certain function calls termed "illegal invocations" in JavaScript?

Con đường tôi đã có thể khám phá này là bằng cách thêm một console.log(list[ firingIndex ]) để jQuery để tôi có thể theo dõi những gì nó được bắn.

Đây là sửa chữa:

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 
});