Как менять значения в AJAX запросе?

Question

[Сергей]

Пытаюсь сделать чтоб зависимо что выберут 1,2,3,4 то вставлялось в url ajax запроса

<form method="POST" id="formxr" action="javascript:void(null);" onsubmit="f()">
    <p><input name="dzen" type="radio" value="1"> 1</p>
    <p><input name="dzen" type="radio" value="2"> 2</p>
    <p><input name="dzen" type="radio" value="3"> 3</p>
    <p><input name="dzen" type="radio" value="4"> 4</p>
  <input class="btn btn-warning btn-lg btn-block"  value="SUBMIT" type="submit"

вот здесь вместо sample2 пытаюсь вставить 1,2,3,4

function f(){
var msg   = $('#formxr').serialize();
$.ajax({
      type: 'POST',
      url: 'response.php?action=sample2',
      data: msg,
      success: function(data){
        $('#sign').val(data);
      }
    });
}

Answer 1

[Павел Корнилов]

function f(){
var msg   = $('#formxr').serialize();
console.log({
      type: 'POST',
      url: 'response.php?action=' + document.querySelector('#formxr').dzen.value,
      data: msg,
      success: function(data){
        $('#sign').val(data);
      }
    });
}

Answer 2

[Exploding]

var rd = $("[type='radio']:checked").val();
$.ajax({
      type: 'POST',
      url: 'response.php?action=sample2',
      data: {dzen: rd},
      success: function(data){
        $('#sign').val(data);
      }
    });
}