jqueryからフラスコにデータを送信する方法

私はdatatablesを使用して、次のようにデータをページテーブルとして表示しています。私が持っていけないので、そのクリックされた（see this）jqueryからフラスコにデータを送信する方法

</head> 
<body> 
<div> 
    <table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </tfoot> 
    <tbody> 
     <tr> 
      <td>Tiger Nixon</td> 
      <td>System Architect</td> 
      <td>Edinburgh</td> 
      <td>61</td> 
      <td>2011/04/25</td> 
      <td>$320,800</td> 
     </tr> 
     <tr> 
      <td>Garrett Winters</td> 
      <td>Accountant</td> 
      <td>Tokyo</td> 
      <td>63</td> 
      <td>2011/07/25</td> 
      <td>$170,750</td> 
     </tr> 
    </tbody> 
</table> 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    var table = $('#example').DataTable(); 

    $('#example tbody').on('click', 'tr', function() { 
     var data = table.row(this).data(); 
     alert('You clicked on '+data[0]+'\'s row'); 
    }); 
}); 
</script> 
</body> 
</html>

がどのように私はAjax呼び出しを使用してフラスコ機能processにdata[0]にこの値を渡すことができたとき、私は私が行から値を取得することができます余分な機能を追加しましたページ全体をリフレッシュします。つまり、完了したら指定されたDOMをリフレッシュします。process()私は初心者です、私と一緒に耐えてください。

from flask import Flask, render_template, request 

app = Flask(__name__) 
app.debug=True 

@app.route('/') 
def index(name=None): 
    return render_template('index.html', name=name) 

@app.route('/process', methods=["GET", "POST"]) 
def process(): 
    #Do something with the value 
    return render_template('process.html', value=value) 

if __name__ == '__main__': 
    app.run()

出典

2017-06-01 DougKruger

AJAXについてはJQueryのドキュメントを確認してください。 – stamaimer

それは簡単です。 [$。post]（https://api.jquery.com/jquery.post/）を使用するだけで、 – MrLeeh

フラスコAPIサーバーを作成し、jQueryスクリプトからjsonをポストとして受け取るには、flask_restfulを使用します。

以下

はあなたに私が何を意味するかのアイデアを与える必要があります。

from flask_restful import Resource, Api 
from flask import Flask, request 
import json 

app = Flask(__name__) 
api = Api(app) 

class DataHandler(Resource): 
    def get(self): 
     return stuff 

    def post(self): 
    try: 
     args = request.json 
     # handle stuff 
     return 200 
    except: 
     return 400 

api.add_resource(DataHandler, '/endpoint_name')

出典

2017-06-02 22:43:00 ATLUS

jqueryからフラスコにデータを送信する方法

答えて

関連する問題