[html]
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!DOCTYPE html>
<html>
<script type=text/javascript src="{{url_for('static', filename='jQuery.js') }}"></script>
<script>
function test(){
var text_data = $('#SensorID').val();
$.ajax({
type : 'POST', <!--[GET / POST] 둘중 하나 선택-->
url : 'http://192.168.0.2:5000/request',
data : {
SensorID:text_data <!--{key : "value"}-->
},
dataType : 'JSON',
success : function(result){
alert("result = "+ result);
},
error : function(xtr,status,error){
alert(xtr +":"+status+":"+error);
}
});
}
</script>
<body>
<p>검색하고자 하는 아이템을 입력하세요.</p>
<input type = "text" name="SensorID" id="SensorID"/>
<input type = "button" value = "데이터 요청" onclick="test()"/>
</body>
</html>
|
[Flask API Server]
|
1
2
3
4
5
6
7
8
9
10
|
@app.route('/request', methods =['POST'])
def query():
value = request.form['SensorID']
sql = "select esnData from ESensorTable where esnSensorId ='"+value+"'"
curs.execute(sql)
data_list=curs.fetchall()
data= data_list[0]
jsondata=json.dumps(data[0]) <!--json문법으로 바꿔준다.-->
return jsondata
|
'웹 프로그래밍 > HTML,CSS,JS' 카테고리의 다른 글
| openlayers 5 기본기(지도 생성, 마커/팝업 생성) (1) | 2019.07.23 |
|---|---|
| 브이월드(opanlayers 3) 지도 + WMS(상권 지도) + 다음 로드뷰 (0) | 2019.07.12 |
| 동적으로 생성된 파일첨부 데이터 ajax로 보내기 + php (0) | 2019.07.08 |
| 동적으로 생성된 요소에 이벤트 바인딩 (0) | 2019.06.26 |
| +버튼 클릭시 파일첨부 폼 동적 생성하기 (0) | 2019.06.26 |
