jquery ajaxのポストメソッドに変数を割り当てる方法

Question

gender.phpページにラジオボタンの選択値を渡すにはどうすればいいですか？ 私はjavascriptを初めて使っています。私はgender.phpに "male"という値を渡しますか？これに

<div id="gender" class="selection-gender"> 
<input type="hidden" name="ad_id" value="xxx"> 
<input id="radio" type="radio" name="gender" value="both">Both 
<input id="radio" type="radio" name="gender" value="female">Female 
<input id="radio" type="radio" name="gender" value="male">Male<br> 
</div> 
<input id="submit_gender" type="submit" name="submit_choices" value="Submit"> 


<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#submit_gender").click(function(){ 

      $.ajax({ 
       type: 'POST', 
       url: 'gender.php', 
       success: function(data) { 

        $("#gender").html(data); 

       } 
      }); 
    }); 
}); 
</script> 

Answer 1

あなたはこのによって確認された無線機を選択することができます更新

を

$.ajax({ 
    type: 'POST', 
    url: 'gender.php', 
    data: selectedRadio, 
    success: function(data) { 

     $("#gender").html(data); 

    } 
}); 

：

var selectedRadio = $("#gender").find("input[type=radio][name=gender]:checked").val() 

を次に、あなたがこのようなデータパラメータを使用してデータを投稿することができますあなたの値に簡単に後でそれを取得するために名前を設定することは良いですが、

あなたはこのようにそれを行うことができます。

$.ajax({ 
    type: 'POST', 
    url: 'gender.php', 
    data: { myValue: selectedRadio }, 
    success: function(data) { 

     $("#gender").html(data); 

    } 
}); 

次に、あなたがあなたのPHPコードでPOSTメソッドを使用して、PHPファイル内のデータを取得することができます。

$_POST["myValue"] 

Answer 2

3部：

1. あなたが$("input[type=radio][name=gender]:checked")をどうチェックするラジオボタンを、見つけます。 CSSセレクタをjQueryカスタムの:checked疑似クラスとともに使用しています。

2. .val()で値を取得しています。

のでdataパラメータを経由して、ajaxコールにそれを供給：オブジェクトをdata渡すこと

$.ajax({ 
    type: 'POST', 
    url: 'gender.php', 
    data: {gender: $("input[type=radio][name=gender]:checked").val()}, // *** 
    success: function(data) { 

     $("#gender").html(data); 

    } 
}); 

、あなたは正しくURI-にあなたのためにそれをシリアル化するためのjQueryを頼みますエンコードされた形式。

PHPコードでは、$_POST["gender"]で取得できます。

---

サイドノート：あなたは複数の要素に同じidを使用しました。あなたはHTMLでそれをすることはできません、それは無効です。あなたもそうする必要はありません。ラジオボタンはidである必要はありません。

Answer 3

はこの1つ

$(document).ready(function(){ 
    $("#submit_gender").click(function(){ 
    var gender = $("input[name='gender']:checked").val(); 
    $.ajax({ 
      url: "gender.php", 
      type: 'POST', 
      data: {gender : gender }, 
      success: function(data) { 
       $("#gender").html(data); 
      } 
     }); 
    }); 
}); 

を試してみてください