국비과정/프로젝트 오류노트
3월 9일 오류노트 - ajax, javascript function 구문, alert utf-8 인코딩
티멀
2022. 3. 9. 00:19
728x90
반응형
첫번째로 매우 답답했던 function 구문 문제점
- 꼭 form 태그 안에다 onsubmit이나 onclick을 지정하고
- ""안에 return을 붙여
- function 이름 우측에 ()를 붙이기.
예시 결과물 : <form action="/WebMine/login" method='post' id='loginForm' onsubmit="return login();">
그 다음 ajax를 사용할 때 제 아무리 ${'#id'}.serialize 해서 직렬화해도 절대 안되던 점
- $ 자체가 jQuery를 사용하기 때문에 in-line script로 꼭꼭!!!! 넣어줘야 정상 작동 된다.
- 아래 태그 복붙할생각말고 아래 링크 들어가서 slim minified 복붙하는게 멘탈에 좋을 듯;;
문제의 열받았던 태그: https://code.jquery.com/jquery-.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous">
마지막으로 금방 해결됬지만 여전히 열받았던 인코딩문제
- HTML내에서 UTF-8로 인코딩 해줘야 alert의 한글이 안깨지고 정상 출력됨
- 이 아래의 annotation 까먹지 말고 좀 넣어라!!!!
문제의 Annotation : <%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
728x90
반응형