Jak zaimplementować połączenie PUT z danymi JSON za pomocą AJAX i JQuery?

Question

Rozejrzałem się i wypróbowałem wiele różnych metod, ale nie mogę przekazać rzeczywistych danych do funkcji kontrolera.

Oto kod:

 var URL = "/Timesheet/Timesheet/UpdateEntry"; 

     var dataObject = { 'newWeekEntry': newEntry, 'oldWeekEntry': oldEntry }; 

     alert(JSON.stringify(dataObject)); 

     $.ajax({ 
      url: URL, 
      type: 'PUT',  
      data: JSON.stringify(dataObject), 
      dataType: 'json', 
      success: function(result) { 
       alert("success?"); 
      } 
     }); 

newEntry i oldEntry są oba obiekty.

Linia alert wyprowadza ten (z niektóre właściwości usunięty, tylko dla zwięzłość):

{"newWeekEntry":{"MondayHours":2,"TuesdayHours":2,"WednesdayHours":5,"ThursdayHours":5,"FridayHours":"4","SaturdayHours":0,"SundayHours":0},"oldWeekEntry":{"MondayHours":2,"TuesdayHours":2,"WednesdayHours":5,"ThursdayHours":5,"FridayHours":2,"SaturdayHours":0,"SundayHours":0}} 

Kiedy debugować moje działania kontrolera („UpdateEntry”), oba parametry są wypełnione domyślnymi parametrami TimesheetEntry klasy (0).

Czy przekazuję to poprawnie?

Answer 1

Atrybut dataType jest używany tylko w przypadku pobierania danych z serwera. Podczas wysyłania danych na serwer powinieneś ustawić contentType na application/json.

Answer 2

Używaj nagłówków: {"X-HTTP-Method-Override": "PUT"} i zastąpić typ POST życzenie. To działa na moim projekcie ...

$.ajax({ 
    type: 'POST', // Use POST with X-HTTP-Method-Override or a straight PUT if appropriate. 
    dataType: 'json', // Set datatype - affects Accept header 
    url: "http://example.com/people/1", // A valid URL 
    headers: {"X-HTTP-Method-Override": "PUT"}, // X-HTTP-Method-Override set to PUT. 
    data: '{"name": "Dave"}' // Some data e.g. Valid JSON as a string 
}); 

Answer 3

$.ajax({ 
     url: window.serverUrl + 'student/event/' + eventId, 
     type: 'put', 
     data: JSON.stringify(data), 
     headers: { 
      'x-auth-token': localStorage.accessToken, 
      "Content-Type": "application/json" 
     }, 
     dataType: 'json' 
}) 

ten pracował dla mnie