본문 바로가기

프론트엔드/Javascript29

jQuery를 사용하여 동적 테이블의 특정 행(tr,td)을 삭제하는 방법 (동적으로 행 삭제) jQuery를 사용하여 동적 테이블의 특정 행을 삭제하는 방법 $(document).on('click','.delbtn',function(){ $(this).closest('tr').remove(); }); 2021. 4. 14.
[url 인코딩/ 디코딩] encodeURI(), encodeURIComponent(), decodeURI(), decodeURIComponent() encodeURI() : 인터넷 주소에서 사용하는 :, ;, /, =, ?, & 등을 제외하고 인코딩하는 함수 encodeURIComponent() : 모든 문자를 인코딩하는 함수 decodeURI() : encodeURI()로 인코딩한 문자열을 디코딩하는 함수 decodeURIComponent() : encodeURIComponent()로 인코딩한 문자열을 디코딩하는 함수 2021. 4. 13.
jquery string 으로 url 넘길 때 특수문자 사라지는 현상 해결(encodeURICpmponent) url 을 jquery로 전달하는데 %문자가 포함된 글자가 변겨오디어서 출력되는 현상을 발견했다. '%3D ' 가 '=' 로 변경되어 출력됨 //+ 와 & 만 퍼센트 인코딩으로 변경 url = url.replace(/&/g, "%26").replace(/\+/g,"%2B"); //url 전체를 퍼센트 인코딩으로 변경 url = encodeURICpmponent(url); 2021. 4. 12.
[javascript] table row text 가져오기 (table td text ,tr text 데이터) html 에 생성한 테이블에서 javascript 를 사용해 텍스트 데이터를 가져와서 사용하고자 한다. 테이블의 row의 내용을 가져오기 위해 테이블 아이디를 가져오고 tr 태그를 이용한다. var rows = document.getElementById("urltbody").getElementsByTagName("tr"); console.log("rows > ",rows," , tr len >",rows.length); var get_input2 = $("#urltbody td"); $.each(get_input2, function (index, value){ console.log('index2 > ',index); console.log("value2 > ",value); console.log("valu.. 2021. 4. 12.
javascript json key, value 추출 ajax 로 data를 받은 후 $.ajax({ type : "post", url : "/getparam", data : addrs, datatype:'json', success : function(data){ console.log("success > ",data); getparam(data); }, error:function (xhr, status, error){ console.log(error,xhr,status); } });//ajax json 데이터의 key, value 값을 추출하고자 한다. function getparam(data){ for (key in data){ console.log("key > ",key ); console.log("value > ",data[key] ); } } key.. 2021. 4. 9.
ajax xml 전체내용 출력 xml 을파싱 후 html 에 xml 전체 내용을 출력하고자 한다. function xmldata(data){ var data1 = new XMLSerializer().serializeToString(data); $("#textarea1").val(data1); console.log("data serial > ", data1); } xmlSerializer를 이용해 textarea 에 출력하게 한다. 2021. 4. 7.

티스토리툴바