Engineering WIKI/Js11 [JS] Ajax 중복호출 방지 (코드 포함) 사용자 및 네트워크 통신이 잠시 원할하지 않을 때, '버튼' 기능이 submit이 되어서 DB에 저장 되면서 데이터들이 중복으로 쌓이는 경우 이를 해결해 주는 방법. 1. '버튼' Hide 처리 submit 될 때, JS 함수에서 필수값 통과가 완료되면 Ajax 통신 전 해당 버튼을 hide() 기능으로 인해 숨김 처리, Ajax 통신 Success후에 페이지를 reload 하거나, 다시 submit 버튼을 show() 해주는 것. 2. Ajax 세팅 옵션에 async : false를 추가 동기로 처리하게 되면 request 요청을 날렸을 때, response 응답이 오기 전까지 다른 request 요청을 받지 않게 되어 중복 호출을 방지한다. 3. 버튼 클릭 이벤트 bind(), unbind() 처리 .. 2022. 9. 17. [JS] 자바스크립트 ES6 변수 스코프 변수와 상수는 스코프마다 선언가능. 스코프는 중괄호로 감싼 범위를 나타냄 const schoolName = "ABC"; schoolName = "CBA"; // Error let a = "aaaa"; a = "CCCC"; // Success const는 변수 자체가 가지는 참조를 바꾸지 못할 뿐 변수가 가지는 객체의 참조는 바꿀 수 있다. const obj = { a : 1, b : 2, c : 3 } obj.a = 10; // 정상 obj = 값 // 에러 템플릿 문자열 문자열 또는 문자열을 덧셈(+) 연산자를 통해 하나의 문자열로 만든 방식에서 백틱(`)과 ${}으로 문자열을 생성하는 방식 이전 코드 const num1 = 10; const num2 = 20; console.log(.. 2021. 6. 15. [JS] FormData FormData 객체는 window.FormData에 위치합니다. var formData = new FormData(); formData.append('name', 'zerocho'); formData.append('item', 'orange'); formData.append('item', 'melon'); 자, new FormData()로 새로운 객체를 생성해주시고요. append 메소드로 키-값 형식으로 하나씩 추가해주시면 되겠습니다. 같은 키를 가진 값을 여러 개 넣을 수도 있습니다. 덮어씌워지지 않고 추가됩니다. 참고로 값은 문자열로 자동 변환됩니다. 숫자를 넣어도 문자열이 되고, 배열을 넣어도 콤마로 구분한 문자열이 됩니다. 객체는 넣으면 무시됩니다. 이 점을 유의하세요! var formData.. 2020. 11. 29. [JS] formData를 console.log 출력 for (var key of formData.keys()) { console.log(key); } for (var value of formData.values()) { console.log(value); } formData를 Ajax 통신으로 바로 오류가 나는데 이때 ajax 속성 설정을 추가 해주어야 한다. processData: false 2020. 11. 29. [Js] this 개념 및 활용 함수 내에서 다른 함수를 호출 하는 경우 호출된 함수에서 는 호출한 함수의 변수를 사용할 수 없다. 각각의 함수의 스코프체인이 존재 하기 때문이다. this 개념 2020. 4. 26. [Js] IE Default Error 호환성 문제로 파라미터 기본값 에러 날 시 (Explorer) function foo(a, b) { a = typeof a !== 'undefined' ? a : 'null'; b = typeof b !== 'undefined' ? b : 'null'; ... } 2020. 4. 5. 이전 1 2 다음