Проблема при отправке данных с использованием $ .ajax

Question

Я сделал форму, используя переключатель (для опроса).
И я использую $.ajax для отправки формы.
но когда я использую $("#polling").serialize() для данных, ничего не отправляется / не запрашивается ...

---

Есть ли проблема с переключателем?

$(function(){ $("input[name=vote]").click(function(){
  var id_polling = $("input[name=id_polling]");
  $("div[class=poll-content]").text("Loading");
  $.ajax({
    type: "POST",
    url: BASE_URL + "/processes/polling.php",
    data: $("#polling").serialize(),
    success: function(msg){
      document.getElementById("poll-content").innerHTML = msg;
    }
  });
});

и это HTML-код:

<div class="poll-content" id="poll-content">
    <form action="#" id="polling">
    <?php
    $poll = Polling::_find_by_id($id);
    $view = "<h4 class=\"polling\">" . $poll->nama . "</h4>";
    $options = explode(",", $poll->opsi);
    foreach ($options as $i => $option) {
        $view .= "<input type=\"radio\" class=\"option\" name=\"option\" value=\"" . $option . "\" />";
        $view .= $option;
        $view .= "<br />";
    }
    $view .= "<input type=\"hidden\" name=\"id_polling\" value=\"" . $poll->id_polling . "\">";
    echo $view;
    ?>
    <input type="button" name="vote" value="Vote" />
    </form>
</div>

Answer 1

На первый взгляд кажется, что вам не хватает закрытия });

$(function() {
    $("input[name=vote]").click(function() {
        var id_polling = $("input[name=id_polling]");
        $("div[class=poll-content]").text("Loading");
        $.ajax({
            type: "POST",
            url: "/echo/html/",
            data: $("#polling").serialize(),
            success: function(msg) {
                document.getElementById("poll-content").innerHTML = msg;
            }
        });
    });
}); //<-Missing this to close out dom ready

Редактировать , после просмотра вашей разметки выполнение $("div[class=poll-content]").text("Loading"); уничтожит форму, поэтому ваш вызов $("#polling").serialize() не удастся.

Попробуйте захватить форму, прежде чем позвонить .text()

$(function() {
    $("input[name=vote]").click(function() {
        var id_polling = $("input[name=id_polling]");
        var formData = $("#polling").serialize();
        $("div[class=poll-content]").text("Loading");
        $.ajax({
            type: "POST",
            url: "/echo/html/",
            data: formData,
            success: function(msg) {
                document.getElementById("poll-content").innerHTML = msg;
            }
        });
    });
});

Пример для jsfiddle

Примечание , вы можете использовать селектор класса вместо селектора атрибута $("div.poll-content").text("Loading");