Question

我试图从我的数据库中检索数据然后将其显示为模态，但是，当我添加dataType时：＆＃34; json＆＃34;在ajax中，似乎它不再执行我的php文件。我是ajax和json的新手所以我不知道我遇到问题的地方。顺便说一句，我正在尝试实现一个CRUD函数，这就是我试图将数据加载到模态进行更新的原因。我使用相同的模式进行创建和更新。

这是我的HTML代码。

<div class="modal fade" id="addmodal">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h3>Add Product</h3>
              </div>
              <div class="modal-body">
                <form class="" action="add.php" method="post" id="insert_form" enctype="multipart/form-data">
                    <div class="form-group input-width center-block">
                      <input class="form-control" type="file" name="img" id="img" value="" required/>
                    </div>
                    <div class="form-group input-width center-block">
                      <label>Product Name:</label>
                      <input class="form-control" type="text" name="pnametb" id="pnametb" placeholder="Product Name" required>
                    </div>
                    <div class="form-group input-width center-block">
                      <label>Price:</label>
                      <input class="form-control" type="text" name="pricetb" id="pricetb" placeholder="Price" required>
                    </div>
                    <div class="form-group input-width center-block">
                      <label>Category:</label>
                      <select style="" class="action form-control" name="category" id="category" required>
                      <option value="" disabled selected>Select a category:</option>
                      <?php
                                while($row = mysqli_fetch_assoc($result))
                                {
                                ?>
                                <!-- Separated HTML and PHP -->
                                <option value="<?php echo $row['category']?>"><?php echo $row['category']?></option>
                                <?php
                                }
                                ?>
                    </select>
                    </div>
                    <div class="form-group input-width center-block">
                      <label>Description:</label>
                    </div>
                    <div class="form-group input-width center-block">
                      <textarea style="color:black" name="destb" id="destb" class="message-box" placeholder="Description" rows="5" id="comment" required></textarea>
                    </div>
                    <input type="hidden" name="id" id="id">
                    <input class="btn btn-success" type="submit" name="add" value="Add" id="add">
                </form>
              </div>
              <div class="modal-footer">
                <button class="btn btn-default" type="button" name="button" data-dismiss="modal">Close</button>
              </div>
            </div>
          </div>
        </div>

我的ajax代码：

$(document).on('click', '.edit', function(){
       var id = $(this).attr("id");
       alert(id);
       $.ajax({
            url:"fetch.php",
            method:"post",
            data:{id:id},
            dataType: "json",
            success:function(data){
              $('#img').val(data.img);
              $('#pnametb').val(data.productname);
              $('#pricetb').val(data.price);
              $('#category').val(data.category);
              $('#destb').val(data.description);
              $('#id').val(data.id);
              $('#add').val("Edit");
              $('#addmodal').modal('show');
            }
       });
  });

这是我的php文件。

<?php
  //fetch.php
  $connect = mysqli_connect("localhost", "root", "", "testing");
   if(isset($_POST["id"]))
    {
       $query = "SELECT * FROM productsa WHERE id = '".$_POST["id"]."'";
       $result = mysqli_query($connect, $query);
       $row = mysqli_fetch_array($result);
       echo json_encode($row);
    }
?>

告诉我，如果我需要澄清更多的事情，我并不是很擅长表达我想要发生的事情。任何帮助将受到高度赞赏。

Answer 1

首先将JSON标头添加到PHP脚本中，如下所示：

header("Content-Type: application/json", true);

接下来代替echo $ row：

 echo json_encode($row);

之后你可能需要改变你的成功：你的Ajax调用函数来修复打印数据，但我会把它留给你：）

进一步阅读以及更详细的解释： jQuery $.ajax request of dataType json will not retrieve data from PHP script

添加dataType：＆＃34; json＆＃34;在阿贾克斯赢得了工作

1 个答案: