为什么HTML表单提交后无法在result.html展示正确的提交结果

表单提交、参数传递逻辑均正常，错误出在result.html的JavaScript代码部分：

• ${变量名}是JavaScript模板字符串特有的变量插值语法，必须使用反引号（`，位于键盘左上角Esc键下方）包裹字符串才会生效。你当前代码用普通单引号包裹了包含插值占位符的字符串，浏览器会把内容识别为普通文本直接输出，不会解析内部的变量。

只需修改result.html里script标签的对应代码，把包裹${name} : ${value}的单引号替换为反引号即可，修改后的完整JS代码如下：

const resultsList = document.getElementById('results')
new URLSearchParams(window.location.search).forEach((value,name)=>{ 
  resultsList.append(`${name} : ${value}`)
  resultsList.append(document.createElement('br'))
})

修改后重新运行代码，提交表单后就能正常显示你输入的姓名和手机号内容了。

内容的提问来源于stack exchange，提问作者ItsRibhav