Tiêu đề X-Yêu cầu-Với không được đặt trong plugin jquery ajaxForm

Question

Tôi đang sử dụng jQuery ajaxForms plugin để gửi ajax cho ứng dụng CakePHP của mình.

RequestHandler của bánh phát hiện yêu cầu ajax bằng cách xem tiêu đề "X-Requested-With", nhưng plugin biểu mẫu dường như không đặt. Hoặc jQuery không đặt nó khi sử dụng plugin.

Tôi đã thử một vài điều,

trong hàm onload chính tôi nói thêm:

$.ajaxSetup({ 
    headers: {"X-Requested-With":"XMLHttpRequest"} 
}); 

Trong mã plugin tôi thêm quyền này trước khi cuộc gọi ajax thực tế:

options.beforeSend = function(xhr) { 
    xhr.setRequestHeader("X_REQUESTED_WITH", "XMLHttpRequest"); 
}; 

Thực hiện cuộc gọi ajax thông thường, đặt tiêu đề ...

Bất cứ ai có thể nói m e những gì đang xảy ra hoặc quan trọng nhất, làm thế nào tôi có thể sửa lỗi này?

Answer 1

@Nicky De Maeyer cho câu hỏi của chính mình

trên thực tế bạn không cần phải làm điều này cho mình (phụ thêm một ẩn trường nhập).

AFAIK bạn chỉ có thể truyền dữ liệu như vậy để ajaxForms cắm trong các tùy chọn đối tượng

$('#myForm1').ajaxForm({data:{"X_REQUESTED_WITH":"XMLHttpRequest"}}); 

nên Automagically (trong file iframe trường hợp upload ẩn) thêm một đầu vào như mẫu của bạn trên trình

<input type="hidden" name="X_REQUESTED_WITH" value="XMLHttpRequest" /> 

Answer 2

Đi từ nhận xét của petersendidit, tôi đã tìm kiếm câu hỏi về ajax/tệp tải lên.

có một câu hỏi thú vị về nó trên SO nói rằng nó là không thể, chỉ thông qua một hack với một iFrame. Vì vậy, không gọi ajax thực tế được làm ...

kể từ khi hình thức của tôi là một nhiều phần dữ liệu với một tập tin tải lên, các plugin sử dụng iFrametechnique thay vì các cuộc gọi ajax thường xuyên ...

Để giải quyết này để biết điều này nên giống một cuộc gọi ajax tôi sẽ thêm một trường nhập ẩn trên hình thức nhiều phần dữ liệu ... câu trả lời

Answer 3

Tôi vừa phải giải quyết một vấn đề ngày hôm nay tương tự như vậy và đưa ra một giải pháp khác. Sự cố đã xảy ra với Chrome, Safari và IE nơi tiêu đề (mà tôi đã kiểm tra bằng PHP qua $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') không khớp.

Như được nêu trong câu trả lời trước, khi sử dụng chức năng jQuery ajax, tiêu đề này sẽ được đặt bởi jQuery.

Trong nói các trình duyệt trên, khi sử dụng:

options.beforeSend = function(xhr) { 
    xhr.setRequestHeader("X_REQUESTED_WITH", "XMLHttpRequest"); 
}; 

Những trình duyệt (không Firefox) sẽ thêm rằng với tiêu đề. Vì vậy, trong thực tế, tiêu đề được đặt là: 'XMLHttpRequest, XMLHttpRequest'

Dòng dưới cùng, không đặt tiêu đề này khi sử dụng các hàm jquery AJAX. Hy vọng rằng giải quyết một số nhức đầu.

Answer 4

phát triển mới:

Tính đến nay, jquery.form plugin bây giờ hỗ trợ nhiều phần dữ liệu (bao gồm cả tập tin) cập nhật rất tốt, theo một cách tương thích qua trình duyệt, và đặt X-yêu cầu-Với tiêu đề. Tôi đã gặp vấn đề này với một phiên bản cũ hơn của jquery.form và nâng cấp lên 3.02 đã sửa nó!

Answer 5

Tôi thấy vấn đề thiếu hỗ trợ tải lên tệp trong các phiên bản plugin cũ hơn. Khi tôi gỡ bỏ các tập tin đầu vào, vấn đề đã biến mất.