有没有办法用jinja2和flask表单代替ajax和jquery或两者?
我想知道是否有更好的方法来做到这一点 现在,我对jquery进行解析,选择每行的活动div,并通过ajax发送flask路由。我想知道是否有一种方法可以通过jinja2使用表单做同样的事情 下面是一个工作示例。“slick active”div取决于用户滑过选择的内容有没有办法用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
<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']