Визуализация поста Ajax в HTML в Django с помощью render_to_string - PullRequest
2 голосов
/ 13 октября 2019

Я пишу страницу с формой из нескольких входов, обернутых в selectize.js вверху. Нажав кнопку, я хочу вернуть информацию о некоторых запросах на основе входных данных. Я использую ajax для публикации входных данных, чтобы избежать перезагрузки страницы.

Я слежу за DJANGO отображает новые значения результата из запроса AJAX на HTML-страницу , чтобы отобразить запрашиваемый результат cat_result на основе сообщения ajaxданные в HTML.

def cat_select(request):
    cat_result=[]
    cat_selected=[]
    cat_name=['l2','l3']
    cat_selected=list(map(lambda x:request.POST.get(x, '').split(','), cat_name))
    cat_result=c_result(["US"],cat_selected) #list of tuples I want to get 
    print(cat_selected)
    print(cat_result)
    html=render_to_string(request, 'esearch/result.html', {'cat_result': cat_result})
    return JsonResponse({'cat':cat_result,'html':html},safe=False)

Но я получаю ошибку ниже на render_to_string

  File "C:\Users\AppData\Local\Continuum\anaconda3\lib\site-packages\django\template\loaders\base.py", line 18, in get_template
    for origin in self.get_template_sources(template_name):
  File "C:\Users\AppData\Local\Continuum\anaconda3\lib\site-packages\django\template\loaders\filesystem.py", line 36, in get_template_sources
    name = safe_join(template_dir, template_name)
  File "C:\Users\AppData\Local\Continuum\anaconda3\lib\site-packages\django\utils\_os.py", line 32, in safe_join
    final_path = abspath(join(base, *paths))
  File "C:\Users\AppData\Local\Continuum\anaconda3\lib\ntpath.py", line 115, in join
    genericpath._check_arg_types('join', path, *paths)
  File "C:\Users\AppData\Local\Continuum\anaconda3\lib\genericpath.py", line 149, in _check_arg_types
    (funcname, s.__class__.__name__)) from None
TypeError: join() argument must be str or bytes, not 'WSGIRequest'

Есть функция, которая работает с основной base.html, с которой result.html расширяется.

def search_index(request):
    ##something to populate input options for l2 and l3
    print(results)
    context = {'l2':l2, 'l3':l3}
    return render(request, 'esearch/base.html', context) 

base.html

<form id="cat_select">{% csrf_token %} 
<input class="site" name="site" type="text">
<input class="l2" name="l2" id="l2" type="text" style="width:30%">
<input class="l3" name="l3" id="l3" type="text" style="width:50%">
<br>
<button class="btn btn-outline-success my-2 my-sm-0" type="submit" id="cat_submit">Submit</button>
</form>
<script type="text/javascript">
$(document).on('submit','#cat_select',function(e){
    e.preventDefault();
    $.ajax({
        type:'POST',
        url:'/cat_select',
        data:{
            l2:$('#l2').val(),
            l3:$('#l3').val(),
            csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()
        },
        success: function(){
            alert ("selected!")
        }
    });
});
</script>

result.html

{% extends "esearch/base.html" %}
{% block title %} Result {% endblock %}
{% block content %}
{% load staticfiles %}
<!doctype html>
<html>
{% if cat_result %}
    {{cat_result}} 
{%elif not cat_result %}
    <p>No cat_result </p>
{% endif %}
</body>     
</html>
{% endblock %}

Правильный ли я путь для передачи запрашиваемой информации в HTML? Если да, то как решить ошибку? Спасибо.

1 Ответ

3 голосов
/ 13 октября 2019

Вы неправильно звоните render_to_string. Если вы посмотрите на документацию по функции , вы увидите, что ожидаемый порядок позиционных аргументов template_name, context, request. Сначала вы передаете запрос, поэтому функция ожидает строку, когда вы передали объект WSGIRequest, как говорится в сообщении об ошибке.

Исправьте эту ошибку, заменив:

html = render_to_string(request, 'result.html', {'cat_result': cat_result})

с:

html = render_to_string('result.html', {'cat_result': cat_result}, request)

или путем явного присвоения имен аргументам:

html = render_to_string(request=request, template_name='result.html', context={'cat_result': cat_result})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...