안녕하세요,

ajax를 이용하여 select값을 받아서 그에따른 데이터를 장고에서 가공한 다음 다시 다음 select 값에 보여주려고 하는데요, 장고로 데이터를 받는 것까지는 되는데 장고에서 가공한 데이터를 ajax로 전달할 때 ajax에서 어떻게 처리해야 하는지를 모르겠네요.. list값을 전달하고 싶은데 어떻게 해야 하는지 도움을 요청드립니다.

제가 짜놓은 코드는

-------------1차 선택--------------
<div class="select">
     <select id="num"  name="num">
           <option value=""> -----------  Not Selected  ----------- </option>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
    </select>
</div>
------------1차 선택에 따른 2차 선택-----------
<div class="select">
     <select id="num_after"  name="num_after">
           <option value=""> -----------  Not Selected  ----------- </option>
           {% for list in num_after %}
           <option value={{list}}>{{list}}</option>
    </select>
</div>

<script> 
        $('#num').change('change',function(){ 
            var num = $('#num').val()
            $.ajax({ 
                url:'ajax/',
                data : {'num':num},
                dataType:'json',
                success:function(data){ 
                        $('#num_after').text(data);
                } 
            }) 
        }) 
</script>

def ajax(requests):
    search_key = requests.GET.get('num',None)
    ...
    #값을 받아서 그에 해당하는 list(num_after)를 전달
    ...
    context = {'num_after':num_after}
    return JsonResponse(context)

어디가 잘못된 부분인지 알려주실 수 있으실까요?