从在AJAX中创建的表单获取POST数据

时间:2017-05-13 13:21:08

标签: php jquery ajax forms

我的代码有点困难......
我正在构建一个应用程序,用户可以在其中创建早期发布项目的板(或集合)。在创建板之后,用户被引导到板详细页面,然后用户可以选择最近发布的项目。通过Ajax请求创建实时预览。 我想通过单击复选框然后将收到的数据插入数据库来完成此功能,就像表单请求一样。

实时预览PHP:

$sql = $conn->prepare("SELECT items.Url, items.id, items.Beschrijving 
FROM Items WHERE items.user_id = $userID AND items.id = $postID");
$result = $sql->execute();

我尝试在实时预览页面中做这样的事情,但它没有显示。相反,该页面似乎重新加载。控制台中也没有发现错误。

if(isset($_POST['addBoard'])){
echo "TEST";
}

其余的实时预览页面:

print "<table>";
while($row = $sql->fetch()){
  print '<tr>
        <td class="well well-lg">
        <form action="" method="post">
        <h4 style="margin-left:5%;">'.$row['Beschrijving'].'</h4>
        <a href="detail.php?id='.$row['id'].'"><img name="myimage" 
        src="'.$row['Url'].'" alt="Image" style="width:200px;" /></a>
        <label></label><input type="checkbox" name="checkboxAdd" />Voeg 
        dit item toe aan uw bord</label>
        <button type="submit" class="btn btn-success" 
        name="submit">Toevoegen aan board</button>
        </form>
        </td>
      </tr>';
}
print "</table>";
echo '</pre>';

实时预览脚本.JS:

$("#sel1").on("change", function(){
function clearpost(){
$("#results").val("");
}

var selected = $(this).val();
makeAjaxRequest(selected);
function makeAjaxRequest(postID){
$.ajax({
  type:"POST",
  data:{postID},
  url:"itemOverview.php",
  datatype: "text/json",
  success:function(res){
    $("#results").html("<p>Uw items : " + res + "</p>");
    }
  })
 }
})

非常感谢任何反馈! 提前致谢

1 个答案:

答案 0 :(得分:0)

无法找到确切的问题,但这是我的工作代码。我希望这对你有帮助。

if($sql->execute()){
    $rows = $sql->fetchAll();
    foreach ($rows as $row){
        $row["id"];
        ...