편집 기록

편집 기록
  • 프로필 편집요청빌런님의 편집
    날짜2020.04.27

    django에서 ajax 사용 질문드립니다.


    안녕하세요,

    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)
    

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

  • 프로필 ilalf님의 편집
    날짜2020.04.26

    django에서 ajax 사용 질문드립니다.


    안녕하세요,

    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)
    

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