3.为商家制作一个用户意见征求应用,当用户在表单中输入信息后,单击“确定”按钮,将信息发往服务器端,商家根据用户意见向用户返回信息。
时间: 2024-03-22 07:39:17 浏览: 21
为商家制作一个用户意见征求应用,需要实现前端表单的数据提交和后端的数据处理及回复。以下是一种基本实现方式:
1. 前端表单页面
在前端页面中,需要添加一个表单,包含输入框和提交按钮。用户在输入框中填写信息后,点击提交按钮,将数据发送到服务器。
```
<!DOCTYPE html>
<html>
<head>
<title>用户意见征求</title>
</head>
<body>
<form id="opinion-form">
<label for="opinion-input">请输入您的意见:</label>
<input type="text" id="opinion-input" name="opinion">
<button type="submit">确定</button>
</form>
<script>
// 监听表单提交事件
document.querySelector('#opinion-form').addEventListener('submit', function (event) {
event.preventDefault(); // 阻止表单默认提交行为
var formData = new FormData(event.target); // 获取表单数据
submitOpinion(formData); // 发送数据到服务器
});
// 发送数据到服务器
function submitOpinion(formData) {
fetch('/submit_opinion', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
showReply(data.reply); // 显示商家回复
})
.catch(error => {
console.error(error);
});
}
// 显示商家回复
function showReply(reply) {
var replyElement = document.createElement('p');
replyElement.textContent = reply;
document.body.appendChild(replyElement);
}
</script>
</body>
</html>
```
2. 后端数据处理
在后端服务器中,需要处理表单提交的数据,并根据用户的意见回复相应信息。以下是一个简单的Python Flask应用示例。
```
from flask import Flask, jsonify, request
app = Flask(__name__)
@app.route('/submit_opinion', methods=['POST'])
def submit_opinion():
opinion = request.form.get('opinion')
reply = get_reply(opinion)
return jsonify({'reply': reply})
def get_reply(opinion):
# 根据意见回复相应信息
return '谢谢您的意见,我们会尽快改进。'
if __name__ == '__main__':
app.run()
```
以上代码实现了一个简单的用户意见征求应用,用户填写意见后,点击确定按钮,数据会被发送到服务器端进行处理,并且商家会根据用户的意见回复相应信息。