DjangoBB LoFi version

Полная версия: flask + jstree

Начало » Python для новичков » flask + jstree

druidich92

Апрель 25, 2016 16:36:56

добрый день.
пытаюсь освоиться с ajax в фласке.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
    <script type="text/javascript" src="../static/js/jquery.js"></script>
    <script type="text/javascript" src="../static/js/jstree.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../static/css/FrameWork.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="span2"><p>Навигацияzzzzzz</p></div>
            <div class="span10"><p>Все документы</p></div>
        </div>
        <div class="row">
            <div class="sidebar span1" id="container">
            <script>
            $(function() {
              $('#container').jstree({
                'core' : {
                  'data' : [
                    { "text" : "Root node", "children" : [
                        { "text" : "Child node 1" },
                        { "text" : "Child node 2" }  ]
                    }                  ]                }              });            });
            </script>
            </div>
            <div class="span11">
            <table id="mytable" class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Info</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>"Row 1"</td>
                        </tr>
                </tbody>
            </table>
            <script type="text/javascript">
                  $(document).ready(function(){
                $('#mytable').DataTable();
            });
            </script>
            </div>
        </div>
    </div>
    <script src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
</body>
</html>

from . import main
from flask import render_template, jsonify, request
@main.route('/')
def index():
    if request.method == 'POST':
        data = [{'id':1, 'text':'root'}]
        return jsonify(data=data)
    return render_template('index.html')

это единственное что у меня работает, любые манипуляции с json вылетают с ошибками. понять не могу просто как правильно реализовать свою хотелку.
а хотелось бы что бы с сервера клиент по ajax получал список людей и при клике на человека высвечивалась инфа в табличке info.
подскажите, как это сделать ?

sander

Апрель 25, 2016 16:44:51

druidich92

@main.route('/', methods=["GET", "POST"])