본문 바로가기
반응형

자바스크립트7

[JavaScript] 자바스크립트 디바이스 종류 및 안드로이드 / iOS 구분하기 자바스크립트에서 디바이스 종류를 구분하는 함수에 대해 알아보자. navigator 정보로 PC와 mobile을 구분하고, mobile은 android와 ios로 구분한다. function getOsType(){ var result = ""; var userAgentInfo = navigator.userAgent.toLowerCase(); var osTypeFilter = "mac|win16|win32|win64"; if(navigator.platform != null){ if(osTypeFilter.indexOf(navigator.platform.toLowerCase()) > -1){ result = "pc"; }else{ if(userAgentInfo.indexOf("android") > -1){ re.. 2023. 4. 21.
[JavaScript] 자바스크립트 ajax로 html / multipart 사용하기 자바스크립트에서 현재 페이지에서 페이지 이동없이 데이터를 불러오는 방법으로 ajax를 사용하는데, ajax를 사용하여 데이터를 가져오는 방법 중에 html을 가져오는 방법과 파일을 서버로 전송하는 방법에 대해 알아보자. # html : html 파일 데이터 가져오기 (서버에서 html 파일을 ModelAndView로 내려줘야 한다.) 1. ajax 함수 선언 var AjaxComm = ({ ajaxAsyncHtml : function(url, data, success, fail){ $.ajax({ dataType : "html", url : url, type : "POST", data : data, success : function(data){ if(success){ success(data); } },.. 2023. 4. 19.
[JavaScript] 자바스크립트 동기/비동기 서버 데이터 가져오기 - Ajax 자바스크립트에서 현재 페이지에서 페이지 이동없이 데이터를 불러오는 방법으로 ajax를 사용하는데, ajax를 사용하여 데이터를 가져오는 방법 중에 동기와 비동기로 데이터를 가져오는 방법에 대해 알아보자. # Async : 비동기로 서버 데이터 가져오기 1. ajax 함수 선언 var AjaxComm = ({ ajaxAsync : function(url, data, success, fail){ $.ajax({ dataType : "json", type : "POST", data : data, success : function(data){ if(success){ success(data); } }, error : function(xhr, status, error){ //alert("code : " + xhr... 2023. 4. 17.
[JavaScript] 자바스크립트 클립보드 복사 기능 - 계좌번호, 전화번호 등 자바스크리브에서 버튼 클릭 시, 계좌번호나 전화번호 등 텍스트를 클립보드에 복사하여 다른 화면에서 붙여 넣을 수 있는 기능 $("#buttonId").on("click", function(){ var textVal = $("#textId").text().replace(/\-/g, "").trim(); var textarea = document.createElement('textarea'); textarea.value = textVal; document.body.appendChild(textarea); textarea.select(); textarea.setSelectionRange(0, 9999); document.execCommand('copy'); document.body.removeChild(tex.. 2023. 4. 5.
반응형

티스토리툴바