帮我写一段前后端交互的代码
时间: 2023-02-26 15:03:12 浏览: 37
好的,下面是一段前后端交互的代码,使用的是 AJAX 和 Flask 框架(假设使用的是 Python):
前端代码(HTML + JavaScript):
```
<button id="btn">请求数据</button>
<div id="response"></div>
<script>
document.querySelector("#btn").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/get_data");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
document.querySelector("#response").innerHTML = xhr.responseText;
}
};
xhr.send();
});
</script>
```
后端代码(Flask):
```
from flask import Flask, jsonify
app = Flask(__name__)
@app.route("/get_data")
def get_data():
data = {"key1": "value1", "key2": "value2"}
return jsonify(data)
if __name__ == "__main__":
app.run()
```
当用户点击按钮时,前端代码会向后端发送一个请求,获取后端的数据,并将结果显示在页面的“response”区域内。
这仅仅是一个简单的示例,不同的需求可能需要使用不同的代码。