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;
            }
        });
    });
});

<强> Example on jsfiddle

旁注，您可以使用类选择器而不是属性选择器$("div.poll-content").text("Loading");

问题使用$ .ajax发送数据

1 个答案: