안녕하세요,
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)
어디가 잘못된 부분인지 알려주실 수 있으실까요?