前提・実現したいこと
Flaskを使ってWebアプリケーションを作りたいです。
javascriptを使ってGeolocation APIから緯度経度を取得したのですが、
その取得した値をpythonのスクリプトに転送したいのですが、
良ければjavascript、python、htmlのサンプルコードを示していただけるとうれしいです。
よろしくお願いします。
javascript
1#geolocation APIから取得した緯度軽度 2// ボタンを押した時の処理 3function buttonClick(){ 4 navigator.geolocation.getCurrentPosition(successCallback, errorCallback); 5}; 6 7// 取得に成功した場合の処理 8function successCallback(position){ 9 // 緯度を取得し画面に表示 10 var latitude = position.coords.latitude; 11 // 経度を取得し画面に表示 12 var longitude = position.coords.longitude; 13 alert(latitude,longitude) 14 var data_place = [latitude,longitude] 15 $.ajax({ 16 url: 'app.py', 17 type: 'post', 18 data: data_place 19 }).done(function(data){ 20 console.log(data); 21 }).fail(function(){ 22 console.log('failed'); 23 }); 24};
python
1def index(): 2 recieve = sys.stdin.readline() 3 print(recieve) 4 latitude = recieve[0] 5 longitude = recieve[1] 6 print(latitude) 7 8 }
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Geolocation Sample</title> 6 <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='css/style.css') }}"> 7 </head> 8 <body> 9 <div class="center"> 10 <div class="btn-margin"> 11 <form action="/search" method="get"> 12 <input id="btn" type="button" onclick="buttonClick()" value="現在地を取得"> 13 <a href="http://127.0.0.1:5000/search">次へ</a> 14 </form> 15 </div> 16 </div> 17 <script src="{{ url_for( 'static', filename='js/geolocation.js') }}"></script> 18 <script src="{{ url_for( 'static', filename='js/style.js') }}"></script> 19 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 20 </body> 21</html> 22 23

あなたの回答
tips
プレビュー