Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/303.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有办法用jinja2和flask表单代替ajax和jquery或两者?_Jquery_Python_Flask_Jinja2 - Fatal编程技术网

有没有办法用jinja2和flask表单代替ajax和jquery或两者?

有没有办法用jinja2和flask表单代替ajax和jquery或两者?,jquery,python,flask,jinja2,Jquery,Python,Flask,Jinja2,我想知道是否有更好的方法来做到这一点 现在,我对jquery进行解析,选择每行的活动div,并通过ajax发送flask路由。我想知道是否有一种方法可以通过jinja2使用表单做同样的事情 下面是一个工作示例。“slick active”div取决于用户滑过选择的内容 <row> <div class="text-center"> <div class="slider single-item"> {% for item

我想知道是否有更好的方法来做到这一点

现在,我对jquery进行解析,选择每行的活动div,并通过ajax发送flask路由。我想知道是否有一种方法可以通过jinja2使用表单做同样的事情

下面是一个工作示例。“slick active”div取决于用户滑过选择的内容

<row>
   <div class="text-center">
       <div class="slider single-item">
           {% for item in row1 %}
               <div><h3>{{ item }}</h3></div>
           {% endfor %}
       </div>    
   </div>
</row>
<row>
   <div class="text-center">
       <div class="slider single-item">
           {% for item in row2 %}
               <div><h3>{{ item }}</h3></div>
           {% endfor %}
       </div>
   </div>
</row>

$(document).ready(function(){
    $('.your-class').slick();
});

$('.single-item').slick({
    arrows: true
});

$('#submit').on('click', function(e){
   e.preventDefault(); // preventing default click action
   var data = {results: $('div.slick-active').text()};
   $.ajax({
      url: '/testing',
      contentType: 'application/json',
      type: 'post',
      dataType : 'text',
      data: JSON.stringify(data),
      success: function (data) {
           console.log(data);
           window.location = data;
           // ajax success callback
       }, error: function (response) {
            alert('ajax failed');
            // ajax error callback
       },
    });
});

不,没有。Jinja是静态的,在客户端与之交互之前呈现服务器端。JavaScript是动态的和客户端的

@app.route('/', methods=['post','get'])
def index():
    return render_template('index.html', row1=row1, row2=row2)

@app.route('/testing', methods=['GET', 'POST'])
def testing():
        r = request.get_json()
        return r['results']