从Django中选定的下拉值中填充html元素

我对django和AJAX很新，并且试图用下拉菜单中的数据填充HTML元素（暂时跨度）。从Django中选定的下拉值中填充html元素

我目前的做法是通过<option>元素中的id标记获取该行的唯一ID，并将其与AJAX一起发布到views.py，然后将该ID用作Django中的过滤器以获取相应的行。但是，由于某种原因，每当我尝试过滤查询时都不会返回任何内容。每当我删除过滤器，所有的值都被解析，让我觉得我得到了错误的过滤器。我已经尝试了许多不同的过滤器类型，但我似乎无法做到。

的HTML是：

<select id="drugSet"> 
{% for dose in dose_set %} 
<option id="{{ dose.pubmed_id }}">{{ dose.drug_name }}</option> 
{% endfor %} 
</select> 

<span id="drugName"></span>  
<a href="javascript:NeedDrugInformation()">Retrieve data</a>

的JavaScript和Ajax是：

function NeedDrugInformation() { 
     var elementID = document.getElementById("drugSet"); 
     var drugID = String(elementID.options[elementID.selectedIndex].id); 

     $.ajax({ 
      type: "POST", 
      url: "drugsanddoses/", 
      dataType: "json", 
      async: true, 
      data: { csrfmiddlewaretoken: '{{ csrf_token }}', drugID: drugID }, 
      success : function(json) { 
      }, 
      error : function(xhr,errmsg,err) { 
      } 
     }); 

     $.ajax({ 
      type: "GET", 
      url: "drugsanddoses", 
      dataType: "json", 
      async: true, 
      data: { csrfmiddlewaretoken: '{{ csrf_token }}' }, 
      success: function (json) { 
       $('#drugName').html(json.drugInfo); 
       // $('.ajaxProgress').hide(); 
      } 
     }) 
    }

Views.py：

def drugsanddoses(request): 

    drugID = request.POST.get('drugID') 

    drugInfo = RiskCalculator.objects.filter(pubmed_id='drugID').values('drug_name', 'l_dose', 'h_dose', 'risk', 'pubmed_id', 'updated')  
    response_data = {} 

    try: 
     response_data['drugInfo'] = str(drugInfo) 
    except: 
     response_data['result'] = 'No details found' 
     response_data['message'] = 'There is currently no information in the database for this drug.' 

    return HttpResponse(json.dumps(response_data), content_type="application/json")

正如我所说的，我很新的这。任何指针或方式，我可以做得更好，将不胜感激。

来源

2016-01-22 GeeJay

首先，POST字段包含表单发布值，而不是JSON。解析JSON有效载荷第一：

import json 
drugID = json.loads(request.body).get('drugID')

其次，你正在使用的字符串'drugID'在你的过滤器，而不是在变量drugID值。请尝试更改查询行：

drugInfo = RiskCalculator.objects.filter(pubmed_id=drugID).values('drug_name', 'l_dose', 'h_dose', 'risk', 'pubmed_id', 'updated')

你也应该使用JsonResponse从来没有捕获所有异常。

来源

2016-01-22 18:08:01

我认为这可能是问题，但是当我尝试它时，它会返回一个空的[]数组... – GeeJay

仔细查看我看到您没有正确访问JSON数据。据此编辑回复。 –

我已经实现了这些更改，但是我不确定如何正确使用JsonResponse。它是简单的：'return JsonResponse（response_data，encoder = DjangoJSONEncoder，safe = False，json_dumps_params = None）' – GeeJay

从Django中选定的下拉值中填充html元素

回答

相关问题