Как правильно вернуть массив из views в шаблон при AJAX запросе?

Question

[lleviy]

У меня есть следующая ajax-функция, которая считывает значение поля input и отправляет его в view, во view я из этого значения формирую массив url-ов и хочу вернуть его обратно в шаблон. Функция верно считывает значение, view также правильно формирует массив.
Проблемы начинаются при выводе массива в шаблоне. Моя view возвращает в поле div id="results" не только массив, но и всю страницу html. Получается страница в странице. И это логично, потому что в view я действительно передаю весь шаблон new_topic.html, - я не знаю, как можно передать только лишь один массив.

$(function(){
    $("#search_btn").click(function () {
        q = $( "#search" ).val();
        if (q!=''){
            var s = 'search_photos/'
            $.get(s, {'q': q}).done(function (data) {

                $( '#results').html(data);

            });
        }
    });
});

views.py:

def search_photos(request):
    if request.method == 'GET':
        q = request.GET.get('q')
        photos_url = []
        #Здесь формирую массив photos_url
            return render(request, 'myapp/new_topic.html', {'photos_url':photos_url})
    return render(request, 'myapp/new_topic.html', {})

new_topic.html:

<input id="search" name="q" type="text" class="form-control" placeholder="Поиск">
 <input name='submit_s' id='search_btn' type='button' value='poisk' />
    <div id="results"> Сюда хочу вывести обработанный список url-ов </div>

Comments

[Вадим Шаталов]

Не совсем ясно в чем вопрос то - как передать назад не отрендеренный хтмл, а просто массив?

[Animkim]

Кажется вообще не понимаете что делаете да?
Куда хотите вывести берете for, переменную photos_url и выводите, в чем проблема то? Посмотреть как работать с джанго шаблонизатором?

[lleviy]

Вадим Шаталов, именно в этом

[lleviy]

Animkim, да, это все работает без проблем, только вот работает на странице в странице, потому как я вместе с photos_url передаю еще и весь html код

Answer 1

[Вадим Шаталов]

from django.http import JsonResponse
def search_photos(request):
    if request.method == 'GET':
        q = request.GET.get('q')
        photos_url = []
        #Здесь формирую массив photos_url
        return JsonResponse(photos_url)

Comments

[lleviy]

Спасибо за отклик!
Уже пробовал такой вариант, в этом случае он выводит photos_url как слитную строку в <div id=results>, при этом я не могу обращаться к массиву по имени.

[Вадим Шаталов]

Ну да, поменяй на то что ты хочешь в обработчике

$.get(s, {'q': q}).done(function (data) {
...
            });

[lleviy]

Вадим Шаталов, я могу как-то сохранить массив в переменной, чтобы потом как обычно использовать его в html-коде через {% for photo in photos_url%}?

[Yura Khlyan]

lleviy, нет, тебе нужно потом с помощью jquery взять данные-ответ из сервера и сформировать/заменить в шаблоне.

[Вадим Шаталов]

lleviy, из ajax запроса нет. Ты путаешь контексты - теги джанго шаблонизатора отрабатывают на сервере, а не на клиенте. Ты можешь:
1. сделать ту же самую обработку, но средствами js
2. как ты и делал ранее - вынести всю обработку списка в шаблон new_topic.html и возвращать отрендеренный на сервере html

[lleviy]

Вадим Шаталов, что-то наконец начало проясняться. Большое спасибо вам.