728x90

javascript 13

jquery 비 동기 통신 $.ajax(), $.get(), $.post() 사용방법

$.ajax() 사용방법 비동기 요청 시 사용하는 $.ajax() $.ajax({ url: 'example.php' // 요청 할 주소 async: true, // false 일 경우 동기 요청으로 변경 type: 'POST' // GET, PUT data: { Name: 'ajax', Age: '10' }, // 전송할 데이터 dataType: 'text', // xml, json, script, html beforeSend: function(jqXHR) {}, // 서버 요청 전 호출 되는 함수 return false; 일 경우 요청 중단 success: function(jqXHR) {}, // 요청 완료 시 error: function(jqXHR) {}, // 요청 실패. complete: func..

jQuery 2022.12.01

jQuery - select박스 선택된 값 가져오기

jQuery를 통해 select박스 제어 /********** value **********/ $(선택자).val(); //value값 가져오기 $("#id").val(); //id로 접근하여 value가져오기 $("select[속성='속성명']").val(); //속성으로 접근하여 value가져오기 /********** text **********/ $(선택자 option:selected).text(); //text값 가져오기 $("#id option:selected").text(); $("select[속성='속성명'] option:selected").text(); text값은 가져올때 해당자식인 option의 선택된 개체를 가져와야합니다. option:selected 해당 옵션이 없으면 select ..

jQuery 2022.11.25

테이블에 행 추가하는 이벤트

버튼을 클릭하여 테이블에 행을 추가하는 방법 테이블에 행 추가하기 - insertRow(), insertCell() insertRow(), insertCell() 함수 테이블에 행(Row)를 추가하기 위해서는 insertRow(), insertCell() 함수를 사용합니다. insertRow() var newRow = HTMLTableElement.insertRow(index); table element에 새로운 행을 추가해 줍니다. 파라미터(index) 새로 생성된 행(row)가 테이블에 들어갈 위치 index를 넣어줍니다. 파라미터를 입력하지 않으면 default 값은 '-1'이고, 테이블의 가장 마지막에 새로운 행을 추가합니다. 리턴 새로 추가된 행(row)를 가리키는 reference를 나타냅니다..

Javascript 2022.11.16
728x90