본문 바로가기

SpringBoot/스파르타 웹개발의 봄 spring

[스파르타 웹개발의 봄 spring] 03.15 메모 변경하기-submitEdit

728x90
반응형

## submitEdit 함수 완성

- - 저장된 메시지 업데이트

  1. 작성 대상 메모의 username과 contents 를 확인
  2. 작성한 메모가 올바른지 확인
  3. 전달할 data 를 JSON으로 바꾸기
  4. 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
반응형