Почему приходит пустой запрос?

Question

[historydev]

Доброй ночи.Скажите пожалуйста почему мне приходит пустой запрос?

register.onsubmit = async (e) => {
    e.preventDefault()

    console.log(1)

    let response = await fetch('/create-company', {
      method: 'POST',
      body: new FormData(register)
    })

    let data = await response.json()

    console.log(`${new FormData(register)} - data`)
}

<form id="register">

      		<input type="text" placeholder="Название компании или ТМ" name="name" id="name">
          <input type="text" placeholder="Сокращенное наименование организации - ООО СКВП" name="name2" id="name2">
          <input type="text" placeholder="Полное наименование организации - ООО Строительная Компания Ветер Перемен" name="name3" id="name3">
          <input type="text" placeholder="Ссылки на документы (перечисляйте через запятую)" name="documents" id="documents">
          <div class="faq">
              <div class="text">?</div>
              <div class="description">
                Прикрепите учредительные документы Вашей компании: Свидетельство о регистрации ИНН, письмо о ненахождении в стадии банкротства в свободной форме и после проверки нашими сортудниками в информации о Вашей компании появится пометка "документы компании проверены
              </div>
          </div>
          <input type="file" name="file" multiple>
          <input type="text" placeholder="Электронная почта" name="email" id="email">
          <input type="text" placeholder="Skype" name="skype" id="skype">
          <input type="text" placeholder="Официальный сайт (URL)" name="website" id="website">
          <input type="text" name="creator" id="creator">
      		<button type="submit">Продолжить</button>
      		<!-- <div class="or">Перейти к добавлению продукции или <a class="home" href="#">ПРОДОЛЖИТЬ ПОЗЖЕ</a></div> -->

    	</form>

app.post('/create-company',async (req,res) => {

	console.log(req.body)

	const { 

		name,
		name2,
		name3,
		email,
		skype,
		website,
		creator 

	} = req.body
})

Response: {}

Answer 1

[McBernar]

Наверное, потому что вы ничего не отправляете обратно.

Res.send({“blabla”});

Comments

[historydev]

На сервер.

[McBernar]

BodyParser?

[historydev]

McBernar, почему все ссылаются на него, что не так с экспрессом?

[McBernar]

https://geekquestion.com/9296560-chto-delaet-body-...

[historydev]

McBernar, в других все ок,там десятки запросов,работают,а здесь какой-то костыль что прям обязательно парсер нужен?

[historydev]

McBernar,
0 толку,данные не доходят..

[Robur]

Владимир, посмотрите для начала что у вас в запросе отправлдяется. devtools-network

[historydev]

Robur, причина в разных типах данных,2 запроса на 2 роута решают проблему,но как их состыковать..

[historydev]

Robur, вот этот код работает как часы,но на 2 роута,как можете заметить если я передаю всю форму (form data),данные не доходят до сервера,а доходит только картинка,возможно из-за того что не установлены заголовки либо передача данных идет не в json,хотя formData это объект -_-

register.onsubmit = async (e) => {

    e.preventDefault()

    const form = new FormData(register)

    fetch('/upload', {
		method: 'POST',
		body: form
    })

    fetch('/create-company', {
		method: 'POST',
		headers: {
			'Content-Type': 'application/json'
		},
		body: 
		JSON.stringify({
			name: form.get('name'),
			name2: form.get('name2'),
			name3: form.get('name3'),
			email: form.get('email'),
			skype: form.get('skype'),
			website: form.get('website'),
			creator: form.get('creator')
		})
    })

}

[Lynn «Кофеман»]

Что-то я не видел где вы upload используете.

[historydev]

Алексей Тен, Так он в multer,сейчас скину код

[historydev]

Алексей Тен,

const { app,static } = require('../modules/app_config')
const { successAccess } = require('../modules/check_page')
const { pool } = require('../modules/mysql')
const { multer,bodyParser } = require('../modules/packages')

app.use(bodyParser.json({limit: '500mb'}));
app.use(bodyParser.urlencoded({limit: '500mb', extended: true}));

let images = []

let Storage = multer.diskStorage({
     destination: (req, file, callback) => {
         callback(null, `${static}/images/`)
     },
     filename: (req, file, callback) => {
        callback(null, Date.now() + "-" + file.originalname)
        images.push( Date.now() + "-" + file.originalname)
     }
 })

let upload = multer({
     storage: Storage
}).array("documents", 4)

app.get('/control-company',successAccess, (req,res) => {

	res.sendFile(`${static}/www/control-company.html`)

})
app.post('/create-company',async (req,res) => {

	console.log(req.body)

	const { 

		name,
		name2,
		name3,
		email,
		skype,
		website,
		creator 

	} = req.body

	await pool.query(`select * from users where email = '${creator}'`,async (error,results,fields) => {

		console.log(`Creator: ${creator} / Result: ${results.map(r => r)}`)

		const creator_id = results.map(r => r.id)
		const documents = images.toString()

		await pool.query(`INSERT INTO the_company SET ?`,{name,name2,name3,email,documents,skype,website,creator_id},(err,res) => {
								  	
			if(err) console.log(err)

			images = []

		})

	})

	return res.redirect('/')
})

app.post('/upload', (req,res) => {
	upload(req, res, function(err) {
		if (err) {
		 return console.log("Something went wrong!")
		}

		console.log("File uploaded sucessfully!")
    })
})

[Lynn «Кофеман»]

app.post('/create-company', upload, async (req, res) => { .... });

[historydev]

Алексей Тен, я видел это в документации,но как мне с дебагом это подключить?

[historydev]

Алексей Тен, вот я дурак,нужно было сначала попробовать как сказано,а потом уже думать как сохранить прежнюю реализацию.Спасибо

[Lynn «Кофеман»]

Наверное стоит ещё раз прочитать как устроена обработка запросов в express.