axios? 통신 ajax로 대체 가능한지요? 채택완료
수난이대
4년 전
조회 2,160
프론트단 api를 받았는데
제가 사용하던 방식이 아니라 어떻게 사용하는지 잘 모르겠습니다.
첨부한 소스를 최소한의 가공으로 사용하고 싶은데
어떤식으로 사용하나요? ( 상단에 인클루드 해야할 파일? 주소?)
- 회원가입이 웹쪽에서 발생하면 첨부한 api로 정보를 보내달라는 요청입니다.
( 에디터플러스 사용하며 ajax와 jquery만 사용해 봤습니다..)
- 회원가입 버튼클릭시 저 스크립트를 어떤식으로 태우나요?
funtion join(){
}
이런식으로 호출할시 각각 가입항목들은 저 스크립트에 어떻게 태우는지..
username : 폼.username.value ??
간단한 답변이라도 실마리를 잡을수 있게 부탁드립니다..
</p>
<p>// 회원가입</p>
<div dir="auto">Axios({</div>
<div dir="auto"> url: API 주소~",</div>
<div dir="auto"> method: "POST",</div>
<div dir="auto"> data: {</div>
<div dir="auto"> username: id,</div>
<div dir="auto"> email,</div>
<div dir="auto"> password,</div>
<div dir="auto"> nickname,</div>
<div dir="auto"> name,</div>
<div dir="auto"> phoneNumber,</div>
<div dir="auto"> gender,</div>
<div dir="auto"> </div>
<div dir="auto"> job,</div>
<div dir="auto"> bloodType: blood,</div>
<div dir="auto"> personality,</div>
<div dir="auto"> hobby: hobbies ? hobbies.slice(0, -2) : "",</div>
<div dir="auto"> interest: interests ? interests.slice(0, -2) : "",</div>
<div dir="auto"> },</div>
<div dir="auto"> })</div>
<div dir="auto"> </div>
<div dir="auto"> </div>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
4년 전
axios 는 node module 인 것 같은데요
https://www.npmjs.com/package/axios
api 스팩을 저렇게 보내준 것 같군요?
클라이언트에서 보내야 한다면
jquery ajax 를 써서 리퀘스트해도 될 것 같습니다.
axios 사용법이 jquery ajax랑 거의 같더라고요.
url / method / params 만 잘 맞추면 될 것 같아요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
수난이대
4년 전
답변 감사합니다. jquery ajax 로 바꾸는 방법을 찾아야겠네요..
B
Big1
4년 전
네, 똑같아요
$.ajax({
url: "API 주소~",
type: "POST",
data: {
username: '아이디',
email : '이메일',
...
},
success: function(data) {
console.log(data)
}
});
$.ajax({
url: "API 주소~",
type: "POST",
data: {
username: '아이디',
email : '이메일',
...
},
success: function(data) {
console.log(data)
}
});
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인