如何在网站上添加留言功能?

步骤 1：创建留言框

• 在您的网站页面中添加一个文本框，用于用户输入留言内容。
• 为文本框添加 id 属性，以便在 JavaScript 中访问它。
• 添加 name 属性，用于存储留言的作者姓名。

步骤 2：添加 JavaScript 代码

• 在 window.onload 事件中，添加一个 JavaScript 函数，处理留言提交事件。
• 获取 #message-text 的文本内容。
• 创建一个新留言对象，并设置其属性。
• 使用 fetch 或 ajax 发送留言数据到服务器。

window.onload = function() {
  const messageText = document.getElementById('message-text').value;
  const message = {
    text: messageText,
    author: document.getElementById('message-author').value,
  };

  fetch('/submit-message', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(message),
  });
};

步骤 3：处理服务器响应

• 在服务器端处理留言提交请求。
• 将留言数据存储到数据库或其他数据存储中。
• 返回一个成功响应，表明留言已成功提交。

fetch('/submit-message', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(message),
}).then(function(response) {
  return response.json();
});

完成

现在，您已经可以在您的网站上添加留言功能，用户可以在页面中输入留言内容并提交。