Question

我正在尝试通过AJAX设置对HTML字段的action.php响应。我正在调用ajax并尝试从数据库（action.php）获取数据并将其设置为HTML字段。

这是我的代码：

action.php：

     $.ajax({
   url:"getchange.php",
   method:"POST",
   data:{image_id:image_id},
      success:function(data)
      {

     var obj = JSON.parse(this.data);
     alert("obj");
      // $('#name').val(obj.web_name);
      // $('#name').val("update");
    }
    })

AJAX呼叫：

   <div id="imageModal" class="modal fade" role="dialog">
 <div class="modal-dialog">
  <div class="modal-content">
   <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Add Website</h4>
   </div>
   <div class="modal-body">
    <form id="image_form" method="post" enctype="multipart/form-data">
     <p><label>Name : </label>     <input type="text" name="name" id="name"  />
      </p>
     <p><label>Select Linked Image</label>
     <input type="file" name="image" id="image" /></p><br />
    <p><label>Add Link</label>
     <input type="text" name="link" id="link" /></p><br />
         <p><label>Add Image</label>
     <input type="file" name="image2" id="image2" /></p><br />

          <p><label>Add Description</label>
     <textarea name="desc" rows="10" cols="50" id="desc" ></textarea></p><br />
     <input type="hidden" name="action" id="action" value="insert" />
     <input type="hidden" name="image_id" id="image_id" />
     <input type="submit" name="insert" id="insert" value="Insert" class="btn btn-info" />

    </form>
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
   </div>
  </div>
 </div>
</div>

HTML：

{{1}}

我想要实现的是：我可以通过ajax获取数据库行，并将values =“ row record”设置为HTML字段。预先感谢

Answer 1

首先，您应该在Ajax代码中将url:"getchange.php"更改为url:"action.php"，因为您正在处理action.php上的数据，因此应该将数据发布到此文件中。其次，我假设您想将数据插入index.html这样的某些输入形式中或您想要的任何形式中：

    <input type="text" name="name">
    <input type="text" name="web_name">
    <input type="text" name="web_link">
    <input type="text" name="linked_img">
    <input type="text" name="description">

这是action.php文件：

<script>
$('document').ready(function() {
 $.ajax({
   url: "getchange.php",
   method: "GET",   
   success: function(data) {
   data = JSON.parse(data);
   console.log(data);
     document.getElementByName('name').value = data.image1;
     document.getElementByName('web_name').value = data.web_name;
     document.getElementByName('web_link').value = data.web_link;
     document.getElementByName('linked_img').value = data.linked_img;
     document.getElementByName('description').value = data.description;

   }
 })
});
</script>

如您所见，例如

data.image1是您从action.php传递过来的。您还应该使用GET方法，因为您没有发布任何数据。您只是在获取一些数据。

希望是有用的，并且有很好的积极时光^ _ ^

Json对HTML值AJAX的响应

1 个答案: