2022-05-18 개발일기 [Django]

어제는 chart.js 에서 Ajax 활용하여 비동기통신방식으로 데이터를 받아서 chart.js 뿌려줬지만 오늘은 그래프형식 , 텍스트형식 두가지 형식이 필요하여 텍스트 형식으로 뿌렸으나 기존에 있던 클립보드 복사 방식에서 충돌이 일어나 사용하지 못하였다 그래서 다시 데이터를 가공하여 원하는 형식의 클립보드 복사를 이루어냈다 ! 기존에 있던 서비스에서는 ajax를 쓰지않아 날짜를 변경할시 리프레쉬가 되는 현상이 일어났지만 역시 ajax를 사용하니 리프레쉬가 이루어지지 않고 바로바로 데이터를 받아오는 모습이 훨씬 웹을 사용하기에 깔끔한거같다 ! 

 

ajax 는 웹개발에서 필수인거같다 조금더 공부해서 완벽히 쓸수있도록 하자 !

 

개발스크립트 [sciprt]

$('#searchDate').on("change", function () {
    var input_date = $(this).val()
    $.ajax({
        url: "{% url 'B2C:etctest' %}",
        dataType: 'json',
        type: 'GET',
        data: {"input_date": input_date},
        success: function (result) {
            var shop = result.x
            var pay = result.y
            $('#text_pay').empty()
            $.each(shop, function (index, item){
                $('#text_pay').append('<span id="test_py">'+item + ':' + pay[index]  + '원' + "\n" +'</span>'+'</br>' )
            })
        }
    })
})

 

개발스크립트 [script]

$(function () {
    $("#btn-copy-content3").click(function () {
        let x = $('.test_pay').text()
        let plz = x.replace(/ /gi, "");
        copyClipboard(plz)
    });
});