1. ホーム
  2. jquery

[解決済み] jaxのPOSTでパラメータを渡すには?

2022-05-01 01:04:29

質問

で紹介されているチュートリアルに従いました。 これ のリンクをクリックします。下記のコードでは、なぜかデータがパラメータとしてurlに追加されませんが、私はそれらを使用して直接urlに設定すると /?field1="hello" は動作します。

$.ajax({
        url: 'superman',
        type: 'POST',
        data: { field1: "hello", field2 : "hello2"} ,
        contentType: 'application/json; charset=utf-8',
        success: function (response) {
            alert(response.status);
        },
        error: function () {
            alert("error");
        }
    }); 

解決方法は?

を活用することをお勧めします。 $.post または $.get の構文を使用します。

$.post('superman', { field1: "hello", field2 : "hello2"}, 
    function(returnedData){
         console.log(returnedData);
});

フェイルケースをキャッチする必要がある場合は、これを実行するだけです。

$.post('superman', { field1: "hello", field2 : "hello2"}, 
    function(returnedData){
         console.log(returnedData);
}).fail(function(){
      console.log("error");
});

さらに、常にJSON文字列を送信する場合は $.getJSON または$.postの一番最後にもう一つパラメータを付けてください。

$.post('superman', { field1: "hello", field2 : "hello2"}, 
     function(returnedData){
        console.log(returnedData);
}, 'json');