Lỗi khi sử dụng form.submit()

Question

Chúng tôi đang sử dụng extjs and webapi(C#) cho ứng dụng của chúng tôi. Biểu mẫu của tôi có kiểm soát fileupload. Khi chúng tôi sử dụng form.sumbit() trong extjs, nó sẽ không hoạt động thành công.

đang WebAPI:

bool SaveData(Employee obj) 
{ 
    return true; 
} 

đang ExtJS:

form.submit({ 
       url: '../api/Empcontroller/SaveData', 
       method: 'POST', 
       headers: { 
       'Content-Type': 'application/json' 
         }, 
       success: function (fp, o) 
       { 


       }, 
       failure: function (fp, o) 
       { 

       } 
      }); 

tôi nhận được câu trả lời là đúng trong tất cả các trình duyệt. Trong Chrome nó đi vào thành công, Nhưng trong Firefox its not.

Answer 1

Có vẻ như có một lỗi FireFox rằng Jacks các content-type ...

JQuery - $.ajax ContentType Problem in Firefox

Answer 2

Cố gắng thêm trong param datatype như vậy:

form.submit({ 
    url: '../api/Empcontroller/SaveData', 
    method: 'POST', 
    headers: { 
     'Content-Type': 'application/json' 
    }, 
    dataType: 'json', 
    success: function (fp, o) { 

    }, 
    failure: function (fp, o) { 

    } 
}); 

Tôi cũng đã thấy nó thực hiện theo cách này: (thay thế json_data_here với bất kỳ dữ liệu nào bạn cần gửi)

form.submit(Ext.Ajax.request({  
    url: '/../api/Empcontroller/SaveData', 
    method: 'GET', 
    jsonData: json_data_here, 
    headers: {'Content-Type' : 'application/json' , 'Accept' : 'application/json'} 
})); 

Answer 3

thử thêm chức năng ẩn danh bên nộp thay vì một json:

form.submit(function(){ 
       url: '../api/Empcontroller/SaveData', 
       method: 'POST', 
       headers: { 
       'Content-Type': 'application/json' 
         }, 
       success: function (fp, o) 
       { 


       }, 
       failure: function (fp, o) 
       { 

       } 
      }); 

Answer 4

Hãy thử điều này:

form.submit(function(){ 
    url: '../api/Empcontroller/SaveData',method: 'POST', 
    headers: {'Content-Type': 'application/json'}, 
    success: function (fp, o){}, 
    failure: function (fp, o){} 
}); 

Answer 5

hhhmmm. lạ. Tôi nghĩ rằng tôi đã tìm thấy lỗi. FireFox không thích khi tôi đặt trạng thái 'asyncron' thành 'false' để yêu cầu tập lệnh chờ phản hồi của yêu cầu serverrequest.

thay vì http.open ("GET", destURL, true); Tôi đang sử dụng http.open ("GET", destURL, false);

Firefox dont accept asynchron Option on "false"

Answer 6

Tôi không chắc đây có phải là vấn đề không. Nhưng không nộp tải lên đòi hỏi một enctype Hãy thử sử dụng

enctype = multipart/form-data 

này có thể giúp

Answer 7

Sử dụng mã dưới đây.

form.submit({ 
       url: '../api/Empcontroller/SaveData', 
       method: 'POST', 
       headers: { 
       'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 
         }, 
       success: function (fp, o) 
       { 


       }, 
       failure: function (fp, o) 
       { 

       } 
      }); 

Tôi vừa thay đổi loại nội dung.