일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 27 | 28 | 29 | 30 | 31 |
- typeORM
- mongoose
- JavaScript
- dfs
- AWS
- Queue
- class
- game
- Dinosaur
- MongoDB
- 공룡게임
- Sequelize
- 자료구조
- TypeScript
- react
- cookie
- Nest.js
- GIT
- flask
- jest
- 정렬
- nestjs
- MySQL
- nodejs
- Python
- OCR
- Bull
- 게임
- Express
- Today
- Total
목록Ajax (3)
포시코딩
개요 회원가입에서 회원정보와 이미지파일을 같이 전달하기 위해 방법을 찾다가 정보도 너무 없고 그나마 있는 정보들도 중구난방식이라 오랜 시간에 걸쳐 방법을 찾은 후 정리를 위해 포스팅함 잘못된 시도 저장 function test() { let file = document.querySelector('#input_file').files; let data = new FormData(); data.append('file', file); $.ajax({ type: "POST", url: '/file', data: data, processData: false, contentType: false, success: (res) => { console.log(res); } }); } @app.route('/file', me..
전달 받은 값을 DB 에 저장해보자 router.post('/register', (req, res)=>{ console.log('in register post'); let id = req.body.id; let pw = req.body.pw; db.collection('login').insertOne({id: id, pw: pw}, (error, result)=>{ res.status(200).send({message: 'ajax 통신 성공 - id: ' + id + ', pw: ' + pw}); }) }) login 콜렉션 안에 insertOne 을 통해 id 와 pw 값을 집어넣는 코드 성공일 경우 error 값이 undefined 가 되고 result 값이 리턴, 실패일 경우는 그 반대로 리턴된다...
로그인 하려면 아이디가 있어야 되니까 회원가입부터 만들거임 회원가입 입력폼 회원가입 아이디 비밀번호 회원가입 뒤로 이대로 회원가입 버튼을 submit 해서 보내도 되지만 ajax 를 이용해 데이터를 보내면서 아이디 중복체크까지 하며 결과를 받을 생각이다. submit 해버리면 해당 페이지에서 응답을 받을 수 없으니깐 회원가입 버튼을 눌렀을 때 ajax 통신을 하게 코딩해봄 jquery 불러오는 코드 밑에 해야하는건 기본! 통신에 성공했을 때 받는 값을 테스트해볼겸 result 와 result.message 를 출력하게 해보았다. member.js router.post('/register', (req, res)=>{ console.log('in register post'); let id = req.bod..