728x90
반응형
## submitEdit 함수 완성
- - 저장된 메시지 업데이트
- 작성 대상 메모의 username과 contents 를 확인
- 작성한 메모가 올바른지 확인
- 전달할 data 를 JSON으로 바꾸기
- PUT /api/memos/{id} 에 data를 전달
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
// 메모를 수정합니다.
function submitEdit(id) {
// 1. 작성 대상 메모의 username과 contents 를 확인합니다.
let username = $(`#${id}-username`).text().trim();
let contents = $(`#${id}-textarea`).val().trim();
// 2. 작성한 메모가 올바른지 isValidContents 함수를 통해 확인합니다.
if (isValidContents(contents) == false) {
return;
}
// 3. 전달할 data JSON으로 만듭니다.
let data = {'username': username, 'contents': contents};
// 4. PUT /api/memos/{id} 에 data를 전달합니다.
$.ajax({
type: "PUT",
url: `/api/memos/${id}`,
contentType: "application/json",
data: JSON.stringify(data),
success: function (response) {
alert('메시지 변경에 성공하였습니다.');
window.location.reload();
}
});
}
|
cs |
반응형
'SpringBoot > 스파르타 웹개발의 봄 spring' 카테고리의 다른 글
[스파르타 웹개발의 봄 spring] 04.02 네이버 API 신청하기 (0) | 2021.07.13 |
---|---|
[스파르타 웹개발의 봄 spring] 03.16 메모 삭제하기 - deleteOne 함수 (0) | 2021.07.13 |
[스파르타 웹개발의 봄 spring] 03.13~14 메모 조회하기 - getMessages 함수 (0) | 2021.07.12 |
[스파르타 웹개발의 봄 spring] 03.12메모 생성하기 - writePost 함수 (0) | 2021.07.12 |
[스파르타 웹개발의 봄 spring] 03.11 클라이언트 설계하기 (0) | 2021.07.12 |