我的 PDO 更新查询仅在一列中插入未定义的值，为什么？ [关闭]

Question

我的表中有四个记录字段

1. 姓名
2. 电子邮件
3. 电话
4. 地址

我正在使用 PDO 方法使用 ajax 更新 php 中的记录，当我调用插入查询时它工作正常，但是当我更新我的记录时它只更新三个起始字段，在地址字段中它们插入 undefined文本值，我在哪里做错了？

我的前端截图 https://drive.google.com/open?id=0B-PfnAjLGR2xendqM2NsaUVuLW8

#我的html代码#

                  <div class="modal-body">
                  <input type="hidden" id="<?php echo $row['id'];  ?>" value="<?php echo $row['id'];  ?>">

                     <div class="form-group">
                        <label for="nm">Name</label>
                        <input type="text" class="form-control" id="nm-<?php echo $row['id'];  ?>" value= "<?php echo $row['name'];  ?>">
                        </div>
                        <div class="form-group">
                        <label for="em">Email</label>
                        <input type="Email" class="form-control" id="em-<?php echo $row['id'];  ?>" value= "<?php echo $row['email'];  ?>">
                        </div>
                        <div class="form-group">
                        <label for="ph">Phone</label>
                        <input type="number" class="form-control" id="ph-<?php echo $row['id'];  ?>" value= "<?php echo $row['phone'];  ?>">
                        </div>
                        <div class="form-group">
                        <label for="ad">Address</label>
                        <textarea type="text" class="form-control" id="ph-<?php echo $row['id'];  ?>" > <?php echo $row['address'];?> </textarea>
                        </div>
                    </div>

                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" onclick="updateData(<?php echo $row['id']; ?>)" class="btn btn-primary">Update</button>
                  </div>
                </form>

我的 ajax 脚本代码

<script type="text/javascript">
function updateData(str){
           var id = str;
           var name = $('#nm-'+str).val();
           var email = $('#em-'+str).val();
           var phone = $('#ph-'+str).val();
           var address = $('#ad-'+str).val();
           $.ajax({
            type:"POST",
            url: "server.php?p=edit" ,
            data : "nm="+name+"&em="+email+"&ph="+phone+"&ad="+address+"&id="+id,
            success :function(data){
              viewData();
            }
           });
          }
   </script>

PDO 文件代码

else if($page=='edit'){
      $id = $_POST['id'];
     $name = $_POST['nm'];
     $email = $_POST['em'];
     $phone = $_POST['ph'];
     $address = $_POST['ad'];

     $stmt = $db->prepare(" update crud set name=? , email=? , phone=? , address=? where id=?");  
     $stmt->bindValue(1,$name);
     $stmt->bindValue(2,$email);
     $stmt->bindValue(3,$phone);
     $stmt->bindValue(4,$address);
     $stmt->bindValue(5,$id);
     if($stmt->execute()){
        echo "succesfully updated";
     }
     else{
        echo "failed updated data";
     }
}

Answer 1

这里有一个简单的错字：

   <label for="ad">Address</label>
                                          <!-- here: -->
   <textarea type="text" class="form-control" id="ph-<?php echo $row['id'];  ?>" > <?php echo $row['address'];?> 
   </textarea>

应该是

   ... id="ad-...

因为你在 js 中是这样引用它的：

   var address = $('#ad-'+str).val();

由于没有带有 id 'ad-'+x 的 html 元素，address 将是 undefined -> $_POST['ad'] 将包含字符串 'undefined'。