django+javascrip的疑问一

概述前些天遇到一个需求，需求为：html动态生成的表格，需要增加一个select框去对内容进行筛选显示，选择对应的选项，表格中仅显示与该选项一致的数据 实现思路为：通过ajax传递select值，在后台获取新的数据后，将新数据传递回来 python代码 @login_required def myhtml(request): 　　username = request.user.username 　　d

前些天遇到一个需求，需求为：HTML动态生成的表格，需要增加一个select框去对内容进行筛选显示，选择对应的选项，表格中仅显示与该选项一致的数据

实现思路为：通过AJAX传递select值，在后台获取新的数据后，将新数据传递回来

python代码

@login_required
def myHTML(request):
　　username = request.user.username
　　data = testtable.objects.filter(Actor=username)
　　HTMLdata = {
　　　　‘username‘: username,
　　　　‘data‘: data,
　　}
　　return render(request,‘myHTML.HTML‘,HTMLdata)

@login_required
def chooseproject(request):
　　‘‘‘选择具体项目‘‘‘
　　username = request.user.username
　　if request.is_AJAX():
　　　　chooseproject = request.POST.get(‘chooseproject‘)
　　　　if chooseproject == ‘All Projects‘:
　　　　　　data = testtable.objects.filter(Actor=username)
　　　　else:
　　　　　　data = testtable.objects.filter(
　　　　　　　　Q(Projectname=chooseproject) & Q(Actor=username))
　　　　HTMLdata = {
　　　　　　‘username‘: username,
　　　　　　‘data‘: data,
　　　　}
　　　　return render(request,HTMLdata)

 

jq代码:

$(‘#chooseproject‘).change(function(){
　　// 提取到所选择的内容
　　var project = $(‘#chooseproject‘).val();
　　$.AJAX({
　　　　cache: false,
　　　　url: "chooseproject",
　　　　dataType: ‘text‘,
　　　　type: ‘POST‘,
　　　　async: false,
　　　　data: {
　　　　　　"chooseproject": project,
　　　　},
　　　　success: function (data) {
　　　　　　$(‘#thebody‘).HTML(data);
　　　　　　$(function(){
　　　　　　　　$(‘#chooseproject‘).val(project);
　　　　　　});
　　　　},
　　});
});

然而在代码执行到$(‘#thebody‘).HTML(data);时(thebody为body的ID)，会出现HTML的CSS样式加载了两遍的情况

尝试将thebody改成theHTML(theHTML为HTML的ID)，则会出现HTML的CSS样式无法加载的情况

在网上暂时未能找到相关解决方案

总结

以上是内存溢出为你收集整理的django+javascrip的疑问一全部内容，希望文章能够帮你解决django+javascrip的疑问一所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。