时间戳

首页 > 解决方案 > 使用 json 和多个变量自动完成

php - 使用 json 和多个变量自动完成

问题描述

想知道是否有人可以指出我正确的方向。

这是项目的主页（index.php）。下面的脚本从正确显示的 fetch.php 接收值。我只需要自动完成 2 个输入框client_id和title。我知道问题出在脚本上，但无法弄清楚。

   <input type="text" id="client_id" name="client_id" placeholder="ID"  />
   <input type="text" id="status" name="status" placeholder="Status" autocomplete="off"  />
   <input type="text" id="title" name="title" placeholder="Client"   autocomplete="off" />              



function setText(obj){
var val = obj.value;
console.log(val);

function concat(){
            
            var x = <?php echo $client_id; ?>
            var y = <?php echo $first_name; ?>
            document.getElementById("client_id").value = x;
            document.getElementById("title").value = y;
            }
            concat();

}

如果有以下脚本，标题将自动填写。

function setText(obj){
var val = obj.value;
console.log(val);
document.getElementById('title').value = val;
}

标签： phpjsonajax

解决方案

您正在以一种没有意义的方式将 php 与 javascript 混合，因为您说这些值来自fetch

如果它真的是 PHP，那么（显然）你可以直接设置输入

   <input type="text" id="client_id" name="client_id" placeholder="ID"  value="<?php echo $client_id; ?>" />
   <input type="text" id="status" name="status" placeholder="Status" autocomplete="off"  />
   <input type="text" id="title" name="title" placeholder="Client"   autocomplete="off" value=" <?php echo $first_name; ?>" />

如果它是通过 fetch 进来的，你可以这样做：

let ref = 12; // the reference to get the data
fetch(`http://example.com/getClientData.php?ref=${ref}`)
  .then(response => response.json())
  .then(data => {
    document.getElementById("client_id").value = data.client_id;
    document.getElementById("title").value =  data.client_title;
    console.log(data)
  });

推荐阅读