[英]how to send data in <div> from html to flask
我有一个带有数据的 div 元素。 我想将 div 传递给烧瓶。 我知道我可以使用 request.form 来获取后端的表单信息。 但我不确定如何从 div 中获取不属于表单的元素。
Here is my div and I'm have data with(item1, item2...)
<div id="rightdiv">
item1,item2,item3,item4
<form action="{{ (url_for('get_div_info') }}">
<input type="submit" value="Submit">
</form>
</div>
我正在尝试使用 ajax 在 Flask 后端执行 HTTP 请求。
<script>
let yourdiv = $("#rightdiv").html();
$.ajax({
type: 'post',
url: '/divinfo',
data: JSON.stringify(yourdiv),
contentType: "application/json; charset=utf-8",
success: function (data) {
console.log(data);
}
});
</script>
这是我的烧瓶路线。 我正在尝试将数据从 html 获取到这里
@app.route('/get_divinfo', methods=['POST'])
def get_divinfo():
divinfo = flask.request.get_json()
print(divinfo)
return 'test'
我没有在后端路由中获得任何数据。
HTML
<div>
<span id="rightdiv">item1,item2,item3,item4</span>
<input type="submit" value="Submit" id="submit_btn">
</div>
JS
<script>
$("#submit_btn").click(function(e) {
yourdiv = $("#rightdiv").html();
$.ajax({
type: 'POST',
url: '/divinfo',
data: {'yourdiv': yourdiv},
success: function() {
alert('Successful!')
},
error: function() {
alert("Oops! Something went wrong.");
}
});
})
</script>
块引用
@app.route('/divinfo', methods=['POST'])
def get_divinfo():
divinfo = request.form['yourdiv']
print(divinfo)
return ('', 200)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.