我有个作孽的功能，联动查询

下拉选择服务器之后，把所符合的内容查询出来，通过ajax回填回去

其中ajax代码

$('#group_id').change(function () {

var group_id = $("#group_id").val();

$.ajax({

data: {'group_id': group_id, csrfmiddlewaretoken: '{{ csrf_token }}'},

type: 'POST',

url: '/pro1/gamebuild/' + group_id + '/',

success: function (data) {

var json_data = JSON.parse(data);

var content = '';

$.each(json_data, function (i, item) {

content += '

' + item.groupname + ' ' +

'

' + item.game_name + ' ' +

'

'

});

$("#ossfile-tab-body").html(content)

}

})

});

content 这里就是回填的

那我现在想要在这里里面添加jinja2的语法，试了几种都不行的

{%if xxx %}{% endif %}

类似这样的，但都没法生效

content += '

' + item.groupname + ' ' +

'

' + item.game_name + ' ' +

'

'

像这种的应该怎么写法。

另外，像这种联动查询的，还有什么好的方法

现在基本都是选择查询，然后服务端返回一个list给ajax,ajax再进行拼接html渲染

感觉这种 js 拼接的 html好难写，各种单引号，双引号 ` " 搞的好乱，还要再拼接jinja2的内容，就更折腾了