如何创建一个快速路由来处理发送一个 href 标记的 HTTP GET 请求答案

【问题标题】：How do I create an express route that handles an HTTP GET request which sends an a href tag如何创建一个快速路由来处理发送一个 href 标记的 HTTP GET 请求
【发布时间】：2020-03-31 06:26:10
【问题描述】：

如何创建一个快速路由来处理 HTTP GET 请求，该请求发送包含指向电子邮件地址的链接的 href 标记？如果没有 DOCTYPE 声明，则应存在 html、head、body 或其他标签。

这是我尝试过的方法，但它不起作用：

router.get('/contact.ajax', function(req, res, next) {
res.send(<a href="aaa@gmail.com">aaa@gmail.com</a>);
});

在 HTML 中：

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
</head>
<body>
    <h1>My AJAX Site</h1>
    <p><button id = "contactButton" onclick = "buttonClicked()">Contact</button></p>
    <div id = "mainDiv"></div>
<script>
function buttonClicked(){
 var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function(){
if(this.readyState ==4 && this.status == 200){
  var mainDiv = document.getElementById("mainDiv");
  mainDiv.appendChild(xhttp.responseText);
}
};
xhttp.open("GET","/contact.ajax",true);
xhttp.send();
}
</script>
</body>
</html>

提前谢谢你！

【问题讨论】：

标签： javascript ajax hyperlink get

【解决方案1】：

您需要从 express（或您的服务器端代码）发送的唯一内容是字符串中的电子邮件。

res.send('aaa@gmail.com')

然后，当您在客户端获取字符串时，您可以将其注入到标签中。

let mainDiv = document.getElementById('mainDiv')

mainDiv.innerHTML = `<a href="${responseText}">${responseText}</a>`

请注意，这是一个简化版本。

【讨论】：