如何使用ajax和php发送多个同名输入数据

Question

我正在尝试为像Facebook这样的项目创建一个投票系统。 但我需要帮助。 我使用以下JavaScript代码来增加输入的答案。

$("body").on("click",".createnew", function(){
      $(".inputsl").append("<div class='inputt'><input type='text' name='myanswer' id='createmyanswer' class='myinput' placeholder='Write answer!'></div>");
   });

当您单击CreateNew按钮时，可以提示用户编写新答案。 像这样：

<div class="inputsl">
   <div class="inputt"><input type="text" id="createmyanswer" name="myanswer" class="myinput"></div>
   <div class="inputt"><input type="text" id="createmyanswer" name="myanswer" class="myinput"></div>
   <div class="inputt"><input type="text" id="createmyanswer" name="myanswer" class="myinput"></div>
   <div class="inputt"><input type="text" id="createmyanswer" name="myanswer" class="myinput"></div>
</div>

这样就可以看到所有输入名称和ID相同。 发送一个输入值很容易。 但是我想赋予用户提出多个问题的权利。

为此，我使用了以下ajax代码。

$("body").on("click",".insertp", function(){
       var answers = $("#createmyanswer").val();
       var dataPollAnswers = 'answers=' + answers;
       $.ajax({
           type:'POST',
           url:'/requests/postPollAnswers',
           data: dataPollAnswers,
           cache: false,
           beforeSend: function(){},
           sucess: function(){
               console.log("Success!");
           }   
        });
     });

最后想到的是postPollAnswers的php代码。 我已使用以下php代码发送所有创建的答案。

<?php 
include_once '../inc/inc.php';
if(isset($_POST['answers'])){
    $answers = mysqli_real_escape_string($db, $_POST['answers']);
    if($answers){
foreach($answers as  $setAnswer){
      $insertAnswersfromData = $InSert->Insert_Poll($uid, $setAnswer);
    }
    }
}
?>

我认为我有数组问题，我已经搜索了一个解决方案并尝试了许多想法，但是我无法发送多个答案。 我已经检查过，也许我需要一些jquery代码，例如serialize（）等。 并尝试，但我无法获得任何结果。

我也收到此警告：

警告：为foreach（）提供了无效的参数

有人可以帮我吗？

Answer 1

只需将选择器更改为class name并使用serialize

dataPollAnswers = $('.myinput').serialize(); 

注意：id应该是唯一的

更新1：

PHP的：

foreach($_POST['myanswer'] as $row)
 {             ^^^^^^^^^^
    echo $row;
 } 

注意：输入名称是myanswer 答案，不是答案

更新2：

PHP

    <?php 
    include_once '../inc/inc.php';
    if(isset($_POST['myanswer'])){

            foreach($_POST['myanswer'] as  $setAnswer)
            {
              if(!empty($setAnswer))
              {
              $new_set_ans = mysqli_real_escape_string($db, $setAnswer);
              $insertAnswersfromData = $InSert->Insert_Poll($uid, $new_set_ans);
               }
            }
    }
    ?>

Answer 2

只需将name属性作为数组，并且其id应该是唯一的：

 var i;

$("body").on("click",".createnew", function(){
      $(".inputsl").append("<div class='inputt'><input type='text' name='myanswer[]' id='createmyanswer'"+i+" class='myinput' placeholder='Write answer!'></div>");
     i++;//no needed if you dont want to use id attribute
   });

然后像往常一样使用name属性发布，您将在服务器端获得数组。

谢谢

Answer 3

这是为您工作的演示：

 $("#submit").click(function(){ var paramsToSend = {}; var i = 1; $("input[name='myanswer[]']").each(function(){ paramsToSend[i] = $(this).val(); i++; }); $("#dataToSend").html(JSON.stringify(paramsToSend)); $.ajax({ type: "POST", url: 'URL_HERE', data: {params:JSON.stringify(paramsToSend)}, success: function(data) { console.log("SUCCESS!!!"); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="inputsl"> <div class="inputt"><input type="text" id="createmyanswer" name="myanswer[]" class="myinput"></div> <div class="inputt"><input type="text" id="createmyanswer" name="myanswer[]" class="myinput"></div> <div class="inputt"><input type="text" id="createmyanswer" name="myanswer[]" class="myinput"></div> <div class="inputt"><input type="text" id="createmyanswer" name="myanswer[]" class="myinput"></div> </div> <button id="submit"> Submit </button> <div id="dataToSend"></div>