时间戳

首页 > 解决方案 > 将数据从响应发送到 html

javascript - 将数据从响应发送到 html

问题描述

如何将我从 axios 响应中获得的数据发送到我的 html 输入文本框？

这是我的 axios 代码

let cp = document.querySelector('input[name=codigopostal]');
    let codigo = cp.value;

    cp.value='';

    axios.get(`https://api.duminio.com/ptcp/ptapi615ae094f3e579.37295368/${codigo}`)
        .then(function(response){
            if(response.data.Distrito !== null){
                console.log(response.data);
                txtDistrito = document.createTextNode(response.data.Distrito);
                txtConcelho = document.createTextNode(response.data.Concelho);
                txtFreguesia = document.createTextNode(response.data.Freguesia);```

我有 3 个输入文本框：

input type="text" id="id="cidade" name="cidade"
input type="text" id="id="concelho" name="concelho"
input type="text" id="id="Distrito" name="Distrito"

我想将数据从 txtDistrito 发送到 id="Distrito" 的输入

标签： javascriptphpaxios

解决方案

我想如果它已经在 DOM 中，您需要按 ID 选择元素

if(response.data.Distrito !== null){
  console.log(response.data);
  txtDistrito = document.getElementById("Distrito").value = response.data.Distrito;
  ...

如果它不在 DOM 中，则需要执行以下操作：

var input = document.createElement("input");
input.type = "text";
input.name = "Distrito";
input.id = "Distrito"; 
input.value = response.data.Distrito;
container.appendChild(input); // put it into the DOM

推荐阅读