04-25
function q3() {
// 1. input-q3 값을 가져온다. let txt = ... q1, q2에서 했던 걸 참고!
// 2. 가져온 값을 이용해 names-q3에 붙일 태그를 만든다. (let temp_html = `<li>${txt}</li>`) 요렇게!
// 3. 만들어둔 temp_html을 names-q3에 붙인다.(jQuery의 $('...').append(temp_html)을 이용하면 굿!)
let name = $('#input-q3').val()
$('#names-q3').append(`<li>${name}</li>`);
}
function q3_remove() {
// 1. names-q3의 내부 태그를 모두 비운다.(jQuery의 $('....').empty()를 이용하면 굿!)
$('#names-q3').empty();
}
여기서 헷갈렸던점 text와 val의 차이는 text는 태그사이에 입력한값을 text이고 val은 그냥 input박스같은곳에 입력된 값을 말하는거같다.
그리고 remove()와 empty의차이는 remove는 그태그자체도 삭제시켜버리는대 empty는 말그대로 비우는거이다 태그자체는 삭제되지않고 <li></li>
이부분만 삭제되는것이다
q2()에서 실수한점 indexof로도 가능하지만 split을 통해서도 해보아야한다.
Tip: 머릿속으로다 생각해서한번에하는습관보다는 글로적고 그다음 하나하나차근차근해가는게 중요하다.
서버통신 get 요청에 ?code=121212&name=choi 이렇게해도 필수인것만 입력하면 이상없기떄문에 추가적으로 데이터를 더 보내도 오류는 나지않는다. 오류는 필수적인것이오지않았을경우에 오류가생긴다. 예를들어 은행이면 통장이랑 성적표 들고간다고 문제생기진않는것이다.
Ajax시작하기
매우중요!!! Ajax는 jQuery를 임포한 페이지에서만 동작 가능합니다.
$.ajax({
type: "GET",
url: "여기에URL을입력",
data: {}, //여기부분은 post할떄 사용
success: function(response){
console.log(response)
}
})
response에는 이제 json데이터들이 다 들어오게되는것이다
javaScript에서 내가 실수하느부분은 딕셔너리 에서 []으로 가져와도 된다는것이다.헷갈리지말자
그리고 ajax골격에대해서 상세하게알지말라 왜냐하면 남이만들어놓은거 갖다와서 사용하기때문이다. 그래서 깊게들어가지말고 여기서는 원리랑 사용하는방법만 알도록하자.
Tip: ajax를 진짜사용할경우 response로 console창으로 먼저보아서 잘찍히는지 부터 확인하기
$(document).ready(function(){
alert('다 로딩됐다!')
});
로딩이다됐을때 자바스크립트(jquery)사용한거임
Author And Source
이 문제에 관하여(04-25), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@cwangg897/04-25저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)