const userInfo = = const token = localStoragegetItemtoken; axiosgethttpnnnncodingicu8080apiuserinfo headers token token thenresponse = const username = r
在JavaScript中,插值语法可以使用模板字符串来实现。在模板字符串中,可以使用${}来插入变量或表达式。
在上述代码中,需要使用插值语法来将username变量的值插入到某个HTML元素中,可以按照以下方式修改代码:
const userInfo = () => {
const token = localStorage.getItem("token");
axios.get('http://nn.nncoding.icu:8080/api/user/info', {
headers: {
token: token
}
}).then((response) => {
const username = response.data.data.username;
const element = document.getElementById("usernameElement");
element.innerHTML = `Welcome, ${username}!`;
}).catch((error) => {
console.error(error);
});
}
userInfo();
在上述代码中,假设存在一个id为usernameElement的HTML元素,通过document.getElementById方法获取该元素,并使用模板字符串将username变量的值插入到元素的innerHTML属性中,实现了插值效果
原文地址: https://www.cveoy.top/t/topic/h95P 著作权归作者所有。请勿转载和采集!