将html输入发布到ajax答案

【问题标题】：Post html inputs to ajax将html输入发布到ajax
【发布时间】：2014-04-30 23:34:01
【问题描述】：

我需要一些关于这段代码的帮助：

<script type="text/javascript">
    $(document).ready(function(){
        $("#btnGrp").click(function(){
            var dataString = 'IDAtelier='+ $("#IDAtelier").val() + '&Dates=' + $("#Dates").val();

            $.ajax
            ({
                type: "POST",
                url: "ajaxAjouterGroupe.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                    $("#DatesList").html(html);
                }
            });

        });
    });
</script>

HTML：

<form name="Dates" id="Dates" action="traitementDates.php" method="post">
    <p class="inscHeader">Dates</p>
    <div id="DatesList">
        <?php GetGroupBody(htmlentities($_POST['IDAtelier']));?>
    </div>
    <button type="button" id="btnGrp" name="btnGrp">Ajouter un groupe</button>
    <input type="submit" value="Terminer l'ajout de l'atelier" /><br />
    <input type="hidden" id="IDAtelier" name="IDAtelier" value="<?php GetAtelierID();?>" />
</form>

PHP（将“Rencontres”链接到“Atelier”的函数）：

    function GetGroupBody($IDAtelier)
    {
        echo '<b><i>Groupe</i></b><br/>';
        global $Cnn;
        $req = $Cnn->prepare("SELECT * FROM Rencontres WHERE IDAtelier = ".$IDAtelier."");
        $req->execute();
        while($data = $req->fetch())
    {
        echo '<label>'.$data['Titre'].': </label><input type="text" name="Dates[]" id="Dates[]" /><br/>';
    }
    $req->closeCursor();
}

我想用ID="Dates[]" 将我的输入发布到我的ajax，但这似乎不起作用。知道如何解决这个问题吗？

【问题讨论】：

在这种情况下查看 HTML 肯定会有所帮助。

标签： javascript html ajax post

【解决方案1】：

你似乎有两个问题：

您使用了（复数）单词“输入”。您不能拥有多个具有相同 ID 的元素
您的选择器是 #Dates，但您的 ID 是 Dates[]。你已经失去了它的方括号。您必须为选择器语法转义它们（因为它们是属性选择器），并且您必须转义转义字符（因为它们是其他 JavaScript 转义字符。$('#Dates\\[\\]')。

您应该避免在 ID 中使用 []，它们会使事情变得非常复杂。

【讨论】：

什么问题？只需使用serialize 就可以完成这项工作。