js fetch 기본형 (ajax 대신)

2
fetch(url,
{
method: data?'POST':'GET', // *GET, POST, PUT, DELETE, etc.
mode: 'same-origin', // no-cors, cors, *same-origin
cache: 'default', // *default, no-cache, reload, force-cache, only-if-cached
credentials: 'same-origin', // include, *same-origin, omit
headers: {
// 'Content-Type': 'application/json',
'Content-Type': 'application/x-www-form-urlencoded',
// 'Content-Type': 'multipart/form-data', // 첨부파일 업로드인 경우
},
redirect: 'follow', // manual, *follow, error
referrer: 'client', // no-referrer, *client
referrerPolicy:'', // empty-string, "no-referrer", "no-referrer-when-downgrade", "same-origin", "origin", "strict-origin", "origin-when-cross-origin", "strict-origin-when-cross-origin", or "unsafe-url".
// integrity:'',
// keepalive:''
//(new AbortController()).signal, //signal //실험적 기능. 사용하지 말자.
// body: bodyData, // body data type must match "Content-Type" header //GET, HEAD 인 경우 body가 있으면 안된다.
body: data, //  Blob, BufferSource, FormData, URLSearchParams, USVString, or ReadableStream // body data type must match "Content-Type" header //GET, HEAD 인 경우 body가 있으면 안된다.
})
.then(function(response){
console.log("response",response)
console.log("headers")
for(const kv of response.headers.entries()){
console.log(kv);
}
if(!response.ok){
throw new Error(`HTTP error! status: ${response.status}`); // http 응답 오류부
}else{
// OK
}
return response.text();  // response.arrayBuffer() .blob() .formData() .json() .text()
})
.then(function(text){
console.log(text)
})
.catch(function(error){
console.error(error);
})
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
3.31
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.10
4.11
4.12
4.13
4.14
4.15
4.16
4.18
4.19
4.20
4.21
4.22
4.23
4.24
4.25
4.26
4.27
4.28
4.29
4.30
5.1
5.2
5.3
5.4