모택우
30
2019-06-21 19:22:20
1
167

jquery ajax 쓸 때 새로고침 기능의 함수 없을까요?



ajax 이용해서 데이터를 불러와서 listBook() 함수로 화면에 데이터를 출력하는 것 까진 했는데



이렇게 표에 입력한 데이터가 그대로 남아있어요..

저 표 안에 데이터를 없애는(refresh) 함수는 없을까요?


참고로 등록버튼은 <input type="button"~ > 으로 클릭시 ajax가 있는 함수를 호출하게 됩니다

0
0
  • 답변 1

  • Gear
    138
    2019-06-21 19:43:37 작성 2019-06-21 19:54:33 수정됨

    JS로는 DOM을 조작할 수 있습니다.

    https://jsfiddle.net/9cr4kjnv/


    <ul id="list">
      <li>it'll be removed</li>
    </ul>
    
    <button id="test">test</button>


    var list = [];
    
    // list를 조작
    // example
    list.push('Hello world');
    list.push('this is example');
    list.push('you can costumize');
    
    // ul#list 내용을 refresh 해줌
    test.addEventListener('click', refresh);
    
    // refresh 해주는 함수
    function refresh() {
    	var elList = document.querySelector('#list');
    
      [].forEach.call(elList.children, function(e) {
        elList.removeChild(e);
      });
    
      for (var i in list) {
        var elLI = document.createElement('LI');
        elLI.innerHTML = list[i];
        elList.appendChild(elLI);
      }
    }
    


    1
  • 로그인을 하시면 답변을 등록할 수 있습니다.