有没有办法使用jinja2和flask form来代替ajax和jquery,或者两者都使用?

2024-05-16 00:30:37 发布

您现在位置:Python中文网/ 问答频道 /正文

我想知道有没有更好的方法来做这件事。在

现在我已经完成了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
       },
    });
});

这是Python瓶

^{pr2}$

Tags: 方法textdivdataajaxfunctionitemh3