AJAXとJQueryを使用してJSONデータを使用してPUT呼び出しを送信しますか？

Question

こんにちは私は、私のスリムなPHP APIにPUTリクエストを送信しようとしましたが、それは私のパラメータがnullになるように思えます。ここ は私のコードです：

function update() { 
 
    $.ajax({ 
 
     type: 'PUT', 
 
     contentType: 'application/json', 
 
     url: 'api/edit' + '/' + $('#id').val(), 
 
     contentType: "application/json", 
 
     data: formToJSON(), 
 
     success: function(data, textStatus, jqXHR){ 
 
      document.location.href="page.php?update=OK" 
 
     }, 
 
     error: function(jqXHR, textStatus, errorThrown){ 
 
      document.location.href="page.php?update=ERROR" 
 
     } 
 
    }); 
 
} 
 

 
function formToJSON() { 
 
    alert($('#id').val()+' '+$('#param1').val()+' '+$('#param2').val()+' '+$('#param3').val()); 
 
    return JSON.stringify({ 
 
     "id": $('#id').val(), 
 
     "param1": $('#param1').val(), 
 
     "param2": $('#param2').val(), 
 
     "param3": $('#param3').val() 
 
     
 
} 
 

 
$('#btnUpdate').click(function() { 
 
     update(); 
 
    return false; 
 
});

誰かがこれを私を助けることができますか？お願いします。

Answer 1

は、それは最終的にあなたのコードからこの

function update() { 
 
    $.ajax({ 
 
     type: 'PUT', 
 
     dataType: 'application/x-www-form-urlencoded', 
 
     url: '/api/edit', 
 
     data: {    id: $('#id').val(), 
 
\t \t \t \t \t   param1: $('#param1').val(), 
 
\t \t \t \t \t   param2: $('#param2').val(), 
 
\t \t \t \t \t   param3: $('#param3').val(), 
 
\t \t \t \t \t   param4: $('#param4').val() 
 
          
 
      } 
 
     
 
     
 
    }); 
 
}

Answer 2

このコードがうまくいきたいと思います。

function update() { 
 
    $.ajax({ 
 
     type: 'PUT', 
 
     contentType: 'application/json', 
 
     url: 'api/edit' + '/' + $('#id').val(), 
 
     contentType: "application/json", 
 
     data: formToJSON(), 
 
     success: function(data, textStatus, jqXHR){ 
 
      document.location.href="page.php?update=OK" 
 
     }, 
 
     error: function(jqXHR, textStatus, errorThrown){ 
 
      document.location.href="page.php?update=ERROR" 
 
     } 
 
    }); 
 
} 
 

 
function formToJSON() { 
 
    alert($('#id').val()+' '+$('#param1').val()+' '+$('#param2').val()+' '+$('#param3').val()); 
 
    return JSON.stringify({ 
 
     "id": $('#id').val(), 
 
     "param1": $('#param1').val(), 
 
     "param2": $('#param2').val(), 
 
     "param3": $('#param3').val() 
 
     
 
    }) 
 
} 
 

 

 
$(document).ready(function() { 
 

 
$('#btnUpdate').click(function() { 
 
     update(); 
 
    return false; 
 
}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>