Uzyskiwanie wartości przycisku radiowego i wysyłanie przez ajax do php

Question

Mam ankietę na mojej stronie internetowej, która wyświetla przyciski radiowe obok każdej odpowiedzi. Gdy użytkownik wybierze opcję i prześle ją, ja działam skryptem php za pośrednictwem ajax, aby wstawić wartość lub wybrany przycisk radiowy do tabeli.

Mój Ajax działa, ale aktualnie wstawia wiersz 0 w każdym wierszu, więc nie podnosi wartości z przycisku opcji. Każda pomoc będzie doceniona.

HTML:

<form id="poll_form" method="post" accept-charset="utf-8"> 
    <input type="radio" name="poll_option" value="1" id="poll_option" /><label for='1'>&nbsp;Arts</label><br /> 
    <input type="radio" name="poll_option" value="2" id="poll_option" /><label for='2'>&nbsp;Film</label><br /> 
    <input type="radio" name="poll_option" value="3" id="poll_option" /><label for='3'>&nbsp;Games</label><br /> 
    <input type="radio" name="poll_option" value="4" id="poll_option" /><label for='4'>&nbsp;Music</label><br /> 
    <input type="radio" name="poll_option" value="5" id="poll_option" /><label for='5'>&nbsp;Sports</label><br /> 
    <input type="radio" name="poll_option" value="6" id="poll_option" /><label for='6'>&nbsp;Television</label><br />  
    <input type="submit" value="Vote &rarr;" id="submit_vote" class="poll_btn"/> 
</form> 

AJAX:

$("#submit_vote").click(function(e) 
    { 
    var option=$('input[type="radio"]:checked').val(); 
    $optionID = "="+optionID; 

    $.ajax({ 
     type: "POST", 
     url: "ajax_submit_vote.php", 
     data: {"optionID" : $optionID} 
    }); 
}); 

PHP (wersja skrócona)

if($_SERVER['REQUEST_METHOD'] == "POST"){ 

    //Get value from posted form 
    $option = $_POST['poll_option']; 

    //Insert into db 
    $insert_vote = "INSERT into poll (userip,categoryid) VALUES ('$ip','$option')"; 

Z góry dzięki!

Answer 1

$("#submit_vote").click(function(e){ 

    $.ajax({ 
     type: "POST", 
     url: "ajax_submit_vote.php", 
     data: $('#poll_form').serialize(), 
     success: function(response) {} 
    }); 

}); 

Następnie należy mieć Poczty zmienną „poll_option” dostępną w skrypcie PHP.

Answer 2

$optionID = "="+optionID; 

ja nie bardzo rozumiem co próbujesz zrobić tutaj o.o., w javascript nie zdefiniować zmienne za pomocą $.

data: { optionID : option} 

używanie tego w taki sposób powinno działać. Można by je odzyskać jak to w PHP:

$option_value=$_POST['optionID']; 

Answer 3

var option = $('input[type="radio"]:checked').val(); 

$.ajax({ 
    type: "POST", 
    url: "ajax_submit_vote.php", 
    data: { poll_option : option } 
}); 

W PHP czytasz $_POST['poll_option'] dlatego należy użyć poll_option jako klucz w swoim obiektu danych. Ponadto, wartość jest przechowywana w option, a nie $optionID, jak próbowano użyć.

$ to ważny znak w nazwach zmiennych w JavaScript, nie ma nic szczególnego sama zrobić, ale niektórzy programiści prefiks niczego, co jest obiektem jQuery z $ aby mogli rzut oka za pomocą kodu i łatwo zobaczyć, co już mają zmienne opakowanie jQuery.

Na przykład:

var $option = $('input[type="radio"]:checked'); // $option is the jQuery wrapped HTML element 
var myValue = $option.val(); // we know $option already has the jQuery wrapper so no need to use the $(..) syntax.