无法使用ajax和json自动填写表单

Question

我很难通过ajax调用自动填充我的表单字段和json数据。下面是我的php文件。

<?php 
require_once('header.php');

$found_vendor=$vendor->vendor_by_id($_POST['id']);
foreach($found_vendor as $vendor_values)
{
    $email=$vendor_values['vendor_email'];
    $address=$vendor_values['vendor_address'];
    $phone=$vendor_values['vendor_phone'];
}
$response=array('email'=>$email, 'phone'=>$phone, 'address'=>$address);
echo json_encode($response);

我可以看到json格式化的字符串/数据，但在另一页上，接收到的数据没有填写表单字段。下面是我的文件，它接收来自load_vendor.php文件的返回输出：

<?php 
require_once('header.php'); ?>
<input type="submit" name="submit" id="vendor" class="btn btn-sm btn-info" value="click me" />
<input type="text" id="phone">
<div id="message"></div>
<script>
$(function(){
    $('#vendor').click(function(){
        $.ajax({
            url:'load_vendor.php',
            data:{id:1},
            type:'POST',
            dataType:'json',
            success: function(data)
            {
                $('#phone').val(data.phone);

            }
            });
        });
    });
</script>