ajax jinja,在向Flask发出jQuery AJAX请求后渲染Jinja

我有一个Web应用程序,当HTML中的select元素发生更改时,它会从Flask获取动态数据.当然这是通过jquery ajax完成的.没有probs在这里我得到了.

问题是,Flask发送的动态数据是Flask-sqlalchemy数据库中的对象列表.

当然,数据是从Flask发送的JSON.

我想迭代这些对象以使用Jinja显示它们的信息.

HTML

jQuery的

$('body').on('change','#mySelect',function(){

var option_id = $('#mySelect').find(':selected').attr('id');

$.ajax({

url: "{{ url_for('_get_content') }}",type: "POST",dataType: "json",data: {'option_id':option_id},success: function(data){

data = data.data;

/* HERE I WANT TO ITERATE THROUGH THE data LIST OF OBJECTS */

}

});

烧瓶

@app.route('/_get_content/')

def _get_content():

option_id = request.form['option_id']

all_options = models.Content.query.filter_by(id=option_id)

return jsonify({'data': all_options})

PS：我知道jinja首先被渲染,因此没有办法将jQuery变量分配给Jinja.那么如果我不能在Jinja中使用它,我将如何迭代数据列表呢？

ajax jinja,在向Flask发出jQuery AJAX请求后渲染Jinja相关推荐

基于Python Flask框架+jquery Ajax技术实现的增删改查（CRUD）+Ajax的异步文件上传
运行界面(话不多说先上图) 运行之后的index界面,有登陆.注册功能登陆界面,输入数据库中用户名.密码不为空且密码是加密的数据,进入main界面注册界面,用的bootstrop的弹窗,用户名和密 ...
ajax反序列化出错,将数据从jquery ajax请求传递给wcf服务失败了反序列化？
我使用下面的代码来调用wcf服务.如果我调用不带参数的(测试)方法,但返回一个字符串,它工作正常.如果我一个参数添加到我的方法,我得到一个奇怪的错误:将数据从jquery ajax请求传递给wcf服务 ...
解析ajax数据显示到from表单中,jQuery Ajax从另一页上的Form请求中提取数据？
我想用jQuery和ajax抓取页面的一些元素......没问题.但是,直到用户单击表单中的按钮时才会显示这些元素,因此除非执行该操作,否则实际上我无法从页面中取出任何内容.任何人都知道这可以实现吗? ...
jq获取内容ajax传递数据库,使用php和jquery ajax从mysql数据库中获取数据
我想使用php和jquery ajax从mysql数据库中获取数据." process.php"是连接到数据库并获取mysql数据的php文件.当它单独运行时它可以工作,但是当使用 ...
mvc jquery ajax方法,asp.net mvc-如何在jQuery $ .ajax（）中将模型发送请求到MVC控制器方法...
asp.net mvc-如何在jQuery $ .ajax()中将模型发送请求到MVC控制器方法在使用以下代码进行自动刷新时,我假设执行发布后,模型将自动发送给控制器: $.ajax({ url: ...
jquery ajax 超时处理不起作用,jQuery ajax超时处理
jQuery - ajax超时处理 [示例代码] script> $(document).ready( function(){ $.ajax({ url:"jQuery - ajax. ...
asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新
刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...
IE下ajax响应慢,IE9上的Jquery Ajax调用非常慢，但在IE9中非常快
我知道很多关于JS& amp; IE上的Jquery性能.然而,没有人帮助我,因此我不得不在这里提出这个问题.我对JS& amp; jQuery的.但是我遇到了问题.我的应用程序使用J ...
jquery.ajax上传个数限制,关于jquery ajax上传的坑
@(呵呵) 今天主要介绍processData: false, contentType: false, 这两个参数--processData 默认情况下,通过data选项传递进来的数据,如果是一个对象 ...

ajax jinja,在向Flask发出jQuery AJAX请求后渲染Jinja

ajax jinja,在向Flask发出jQuery AJAX请求后渲染Jinja相关推荐

最新文章

热门文章