我正在尝试使用Flask和MySQL设置一个小型web应用程序,它从页面上的单选按钮获取信息并将其发送到数据库中。我对webdev很陌生,所以我仍然坚持从按钮获取信息。在
这是我的单选按钮的HTML(去掉缩进):
<div>
<input id="radioB" type="radio" name="radios" value="b" checked="checked">
<label for="radioB"><span><span></span></span>B</label>
</div>
<div>
<input id="radioT" type="radio" name="radios" value="t">
<label for="radioT"><span><span></span></span>T</label>
</div>
这是我的剧本:
^{pr2}$在我的烧瓶代码中,我试图使用:
_info = request.form['radios']
当我现在尝试运行这个时,我得到一个
"POST /submit HTTP/1.1" 400 -
flask日志中的错误,使我认为我的问题在于脚本的“data”部分和/或flask请求。如果有任何帮助,我们将不胜感激!在
编辑:我已将html更改为:
<form action ="/submit" form method="post">
<div>
<input id="radioB" type="radio" name="radios" value="b" checked="checked">
<label for="radioB"><span><span></span></span>B</label>
</div>
<div>
<input id="radioT" type="radio" name="radios" value="t">
<label for="radioT"><span><span></span></span>T</label>
</div>
<input type="submit" id="btnSubmit">
以及我的JS脚本:
$(function(){
$('#btnSubmit').click(function(){
var radioValue = $("input[name=radios]:checked").val();
alert(radioValue);
$.ajax({
url: '/submit',
data: {value:radioValue},
type: 'POST',
success: function(response){
console.log(response);
},
error: function(error){
console.log(error);
}
});
});
});
现在我在浏览器控制台中得到了上面JS脚本的错误条件,而不是我之前的错误。在
尝试
$("input[name='radios']:checked").val();
来获得单选按钮值我希望您能得到解决方案$(function(){ $('#btnSubmit').click(function(){ var radioValue = $("input[name=radios]:checked").val(); alert(radioValue); $.ajax({ url: '/submit', data: {value:radioValue}, type: 'POST', success: function(response){ console.log(response); }, error: function(error){ console.log(error); } }); }); });
; ^{pr2}$ ;不是吗
如果你用name访问!在
希望有帮助!在