使用ajax在选择下拉列表时在文本框中填充数据

Question

我试图获取对特定ID的选择的行，现在当用户选择下拉菜单的任何值时，相应的值必须进入文本框，我使用ajax表示相同，我从中获取输出我的PHP文件，但是它们的格式为("rahul", "9594233709") 。 当我尝试将它们放在相应的字段中时，我将无法执行此操作。

这是我完整的代码。 我试图获取对特定ID的选择的行，现在当用户选择下拉菜单的任何值时，相应的值必须进入文本框，我使用ajax表示相同，我从中获取输出我的PHP文件，但是它们的格式为("rahul", "9594233709") 。

当我尝试将它们放在各自的字段中时，无法执行。这是我的完整代码。 我希望该位置必须在location列中移动，而mobile必须在Mobile列中。 例如： ["9594233705", "Gorakhpur"]

<script >
   $(document).ready(function(){
      $('#reg_number').change(function(){
      var reg_number = $(this).val();
    $.ajax
   ({
   type: "POST",
   url: "details.php",
   data: {post_id:reg_number},
    dataType: "text",
   cache: false,
         success:function(data)
            { 

              $('#u_mobile1').val(data);
            $('#u_location1').val(data);        
         }
   });

   });
    });

</script>
if($_POST['post_id'])
{
$id=$_POST['post_id'];
$sql="SELECT u_mobile,u_location FROM system_users WHERE u_userid=".$id;
$result = mysqli_query($con,$sql);
$data = array();
while($row = mysqli_fetch_array($result))
{
$u_mobile = $row['u_mobile'];
$u_location = $row['u_location'];
$data[0]=$u_mobile ;
$data[1]= $u_location ;
// $data[] = array('u_mobile' => $u_mobile, 'u_location' => $u_location);
}   echo json_encode($data);
}
<div class="col-md-6">
   <div class="form-group form-group-default required">
      <label>Company Mobile Number:</label>
      <input type="number" class="form-control" required="" id="u_mobile1" name="u_mobile1" value="" >
   </div>
</div>
<div class="col-md-6">
   <div class="form-group form-group-default required">
      <label class="">Location</label>
      <input type="number" class="form-control" required="" id="u_location1" name="u_location1"  value="">
      </select>
   </div>
</div>

Answer 1

如果我没有弄错的话，您想解析响应Json数据并添加到输入中。 在这种情况下，您可以使用javascript JSON.parse(); 功能。 因为您将数据作为json列表获取。

$.ajax
  ({
  type: "POST",
  url: "details.php",
  data: {post_id:reg_number},
  dataType: "text",
  cache: false,
  success:function(data)
   { 
   var resp = JSON.parse(data);
   document.getElementById("u_mobile").value=resp.u_mobile; 
   document.getElementById("u_location").value=resp.u_location;       
   }
   });