如何在 Html 脚本中访问 Json 响应字典值

how to access the Json Responce dict value in the Html script

我的 django 浏览量

def contact_otp(request):
        if request.method=="POST":
            data = {
        "data-token":f"{otp.token}"
    }
            #
            return JsonResponse(data)


.then((response) => response.json())
          .then((data) => {
            console.log(data)
            const newVarPass = document.createElement("input")
            newVarPass.setAttribute('id','varPassID')
            newVarPass.setAttribute('value',`${data}`)
            newVarPass.value=`${data}`
            newVarPass.style.display="none"
            document.body.appendChild(newVarPass)
            alert("Check your Email We have send you the otp")
            console.log(data)
            
          })

    x = document.getElementById("varPassID")
                console.log(x)
                console.log("Lets check")

如何获取我想要的 json 密钥对的值,它存在于 json 数据中 我现在总是在值中获取对象对象

已更新 console.log(数据)

document.getElementById("varPassID").innerText = data.data-token

参考:https://www.w3schools.com/jsref/prop_node_innertext.asp