Ajax Call не обновляет шаблон Django - PullRequest
Новая
       5

Ajax Call не обновляет шаблон Django

0 голосов
/ 30 августа 2018

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

urls.py 

url(r'^interview/add/questions/library', recruiter_views.add_question_library, name='add_question_library'),

views.py 

def add_question_library(request):
    question_topics = QuestionTopic.objects.values('question_id__description', 'topic_id__name','question_id','topic_id').order_by('topic_id__name','question_id__description')
    all_topics = Topic.objects.all()
    questions_in_topic = QuestionTopic.objects.values('question_id__description').order_by('question_id__description')

    if request.is_ajax():
        if 'topicId' in request.POST:
            print("xx")
            questions_in_topic = QuestionTopic.objects.filter(topic_id=request.POST['topicId']).values('question_id__description').order_by('question_id__description')
        else:
            print("yy")
            questions_in_topic = QuestionTopic.objects.values('question_id__description').order_by('question_id__description')

    print(questions_in_topic)
    context = { 'question_topics': question_topics, 'all_topics': all_topics,'questions_in_topic':questions_in_topic,}
    return render(request, 'recruiter/add_question_library.html', context)

add_question_library.html 

<select id="topic" name="topic_list" class="form-control topic_select">
              {% for topic in all_topics %}
               <option data-topic="{{topic.id}}" value="{{topic.name}}">{{topic.name}}</option>
              {% endfor %}
            </select>    
<ul class="list-unstyled">
            {% for x in questions_in_topic %}
            <li class="list-unstyled">{{ x.question_id__description }}</li>
            {% endfor %}
            </ul>

Аякс 

var topicId = $(".topic_select option:selected").attr("data-topic");
    $(".topic_select").change(function(){
      var topicId = $(".topic_select option:selected").attr("data-topic");
      $.ajax({
          type: "POST",
          url: "{% url 'recruiter:add_question_library' %}",
          data: {
            topicId: topicId,
            'csrfmiddlewaretoken': '{{ csrf_token }}',
          },
          success: function(){
              // alert("Showing questions from topic " + topicId);
          }
      });
    });

1 Ответ

0 голосов
/ 30 августа 2018

С запросом, исходящим из представления после вызова ajax, вы можете сделать это: 

// stuff
success: function(response){
   // $("taget").replaceWith($("target",response));
   $("ul.list-unstyled").replaceWith($("ul.list-unstyled",response));
}

В вашем проекте может быть несколько ul.list-unstyled, я предлагаю добавить уникальный идентификатор в список.

...