我正在编写以下HTML代码
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/static/css/grafana_style_sheet.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#Click").click(function(){
alert('hi '+ $('#databases').val());
var data1 = new Object();
data1.name = $('#databases').val();
data1.dbname = 'grafana';
alert(data1.dbname + " " + data1.name);
$.ajax({
url : "dashboards",
type : 'POST',
data : 'data1',
dataType : "text",
success : function(){
data = JSON.parse(data);
console.log("hi " + data);
}
});
});
});
</script>
</head>
<body>
<div id="header">Report Suites</div>
<form>
<fieldset id = "fieldset">
<legend align = "center"><font color= "#00008B"><strong>Select your Report Suite<strong></font></legend>
<select id ="databases" name = "db">
<option value = "">--Select From following--</option>
<option value = "HARMONY">HARMONY</opton>
<option value = "CAMPS">CAMPS</opton>
<option value = "QBSU">QBSU</opton>
<option value = "SIMBA">SIMBA</opton>
</select>
<br><br>
<button type = "button" id = "Click"> Click Me!!</button>
</fieldset>
</form>
<div id ="placeholder"></div>
</body>
</html>
为了运行上面的HTML代码,我使用Flask编写了下面的Python程序,以便从表单(上面)发送数据并基于它运行一个查询。在
^{pr2}$当我在firefox上运行它时,我收到400个错误的请求响应。在
请告诉我我做错了什么。在
我认为问题出在jQuery帖子中,您没有传递完整的url,只传递了操作,您希望传递}(您想要的是对象,而不是字符串)。所以不是:
data1
而不是{你应该有:
^{pr2}$请注意,您应该通过您的主机更改
<YOUR_HOST>
,如果您在本地运行它(并且使用flask defaulst),则应该是127.0.0.1:5000
。在希望这有帮助
相关问题 更多 >
编程相关推荐