Горбатый json, не правильная конвертация в json,как обратиться к свойствам горбатого json?

Question

[oleg_templ]

На клиенте с помощью vue собираеться из введенных в поля данных собираеться один общий обьект для отправки на сервер(обьект представляет собой 4 обьекта,каждый с 5-ю свойствами.На сервере будут производиться расчеты беря данные из этих свойств).

Проблема в том что после конвертации обьекта в json для передачи сервер,обьект с 4 обьектами оборачиваеться в еще один обьект)) На сервере(nodejs) вот такие данные идут на запись в файл(не очень круто как по мне)

{
    "{\n    \"elOne\": {\n        \"dH\": \"\",\n        \"S\": \"\",\n        \"a\": \"\",\n        \"b\": \"\",\n        \"c\": \"\"\n    },\n    \"elTwo\": {\n        \"dH\": \"\",\n        \"S\": \"\",\n        \"a\": \"\",\n        \"b\": \"\",\n        \"c\": \"\"\n    },\n    \"elThree\": {\n        \"dH\": \"\",\n        \"S\": \"\",\n        \"a\": \"\",\n        \"b\": \"\",\n        \"c\": \"\"\n    },\n    \"elFour\": {\n        \"dH\": \"\",\n        \"S\": \"\",\n        \"a\": \"\",\n        \"b\": \"\",\n        \"c\": \"\"\n    }\n}": ""
}

а хотелось бы видеть нечто такое.
{
"elOne": { "dH": "", "S": "", "a": "", "b": "", "c": "" }, "elTwo": { "dH": "", "S": "", "a": "", "b": "", "c": "" }, "elThree": { "dH": "", "S": "", "a": "", "b": "", "c": "" }, "elFour": { "dH": "", "S": "", "a": "", "b": "", "c": "" }
}
код сервера:

app.post("/full", urlencodedParser, function (req, res) {
    if(!req.body) return res.sendStatus(400);
    // преобразуем данные в json
    // тут добавляются всякие /
  var str = JSON.stringify(req.body);
    // записываем данные в json
  fs.writeFileSync('./calc/data_full.json', str); 
});

Вопрос: Как обратиться к элементам-свойствам такого горбатого json,как избавиться на сервере от "/","/n" при конвертации данных с клиента(кстати если не конвертировать на сервере ещё разок в json после конвертации на клиенте(на клиенте он данные тоже конвертируються в json), то выдает такое

TypeError: Cannot convert object to primitive value
    at Object.parse (native)

)

Comments

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

Я бы сказал, что чинить нужно отправку. Без браузерного кода больше сказать нечего

[oleg_templ]

По идее, axios (https://github.com/axios/axios) перед отправкой данных должен сам их конвертировать в json(вроде считаеться фичей у них - но чет явно идет не так и приходиться самому конвертировать)

var app = new Vue({
		el: '#app',
		data: {
		elements : {
		elOne : {
		dH:"",
		S:"",
		a:"",
		b:"",
		c:""
		},
		elTwo : {
		dH:"",
		S:"",
		a:"",
		b:"",
		c:""
		},
		elThree : {
		dH:"",
		S:"",
		a:"",
		b:"",
		c:""
		},
		elFour : {
		dH:"",
		S:"",
		a:"",
		b:"",
		c:""
		}
		}
		},
		methods: {
		    sendData: function () {             // данные для расчетов
            	const str = JSON.stringify(this.elements);
		// console.log(str )
		axios.post('http://localhost:8081/demo/', str)
		.then((response) => {
		console.log(response);
		})
		.catch((error) => {
		console.log(error);
		});

html

<table>
						<!--
						one element -->
						
						<tr>
						
							
							<td>
								<input type="" name="" v-model="elements.elOne.dH">
							</td>
							<td>
								<input type="" name="" v-model="elements.elOne.S">
							</td>
							<td>
								<input type="" name="" v-model="elements.elOne.a">
							</td>
							<td>
								<input type="" name="" v-model="elements.elOne.b">
							</td>
							<td>
								<input type="" name="" v-model="elements.elOne.c">
							</td>
						</tr>
						<!--
						two element
						
						-->
						<tr>
							
							
							<td>
								<input type="" name="" v-model="elements.elTwo.dH">
							</td>
							<td>
								<input type="" name="" v-model="elements.elTwo.S">
							</td>
							<td>
								<input type="" name="" v-model="elements.elTwo.a">
							</td>
							<td>
								<input type="" name="" v-model="elements.elTwo.b">
							</td>
							<td>
								<input type="" name="" v-model="elements.elTwo.c">
							</td>
						</tr>
						<!--
						Three element
						-->
						<tr>
							
							
							<td>
								<input type="" name="" v-model="elements.elThree.dH">
							</td>
							<td>
								<input type="" name="" v-model="elements.elThree.S">
							</td>
							<td>
								<input type="" name="" v-model="elements.elThree.a">
							</td>
							<td>
								<input type="" name="" v-model="elements.elThree.b">
							</td>
							<td>
								<input type="" name="" v-model="elements.elThree.c">
							</td>
						</tr>
						<!--
						
						end element
						-->
						<tr>
														
							<td>
								<input type="" name="" v-model="elements.elFour.dH">
							</td>
							<td>
								<input type="" name="" v-model="elements.elFour.S">
							</td>
							<td>
								<input type="" name="" v-model="elements.elFour.a">
							</td>
							<td>
								<input type="" name="" v-model="elements.elFour.b">
							</td>
							<td>
								<input type="" name="" v-model="elements.elFour.c">
							</td>
						</tr>
						
						
					</table>

Answer 1

[Andrey Tsvetkov]

а зачем вы делаете JSON.parse(req.body)? В req.body итак уже объект, вам надо делать JSON.stringify перед записью

Comments

[oleg_templ]

прошу прощения,в результате эксперементов забыл где исходник,в исходном коде и был метод JSON.stringify(). В случае использования JSON.parse(), в результате ошибка

TypeError: Cannot convert object to primitive value
    at Object.parse (native)