Как отправить массив через ajax?

Question

[Александр Иванов]

есть массив, двумерный

var obj = {
                         'generalFields':{
                             'title':$('input#title').val(),
                             'keywords':$('input#keywords').val(),
                             'mainCategory':$('select#mainCategory').val(),
                             'subCategory':subCategory,
                             'typeCategory':$('select#selecttypeCategory').val(),
                             'description': $('input#description').val(),
                             'comments':$('input[name="comments"]:checked').val(),
                             'fulltext': $('div[role="textbox"]').text(),
                             'imgs':imgs
                         },
                         'optionFields':$('[field=fieldsAdvert]')
                     }

при отправке ajax

$.ajax({                             
                url: '/NewAdvert',
                type:'post',
                contentType: false,
                processData: false,
                data: {data: obj},
                dataType: 'json',
                cache: false,
                success: function (result) {}
            });

отправляется объект, при выводе на вервере print_r($_POST) выводися пусто массив

Comments

[Михаил]

это объект

[edward_freedom]

ты указал тип запраса json, а json не отправляешь. https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 1

[vıtalıyırtlach]

Попробуйте :

fetch("/your url", {
method: "POST",
body: JSON.stringify({data: obj})
})

Comments

[Александр Иванов]

data: JSON.stringify({data: obj}), если делать так то дает ошибку Uncaught TypeError: cyclic object value

[vıtalıyırtlach]

body: JSON.stringify(array)

[Александр Иванов]

vıtalıyırtlach, при способе data: JSON.stringify(obj) тоже самое

Answer 2

[Надим]

Попробуйте мой вариант:

// Функция для преобразования объекта
// в строку формата x-www-form-urlencoded:

function httpBuildQuery(object_to_convert) {
	
	var params = new URLSearchParams();
	
	var paramsGenerator = function(parent_key, iterate_object) {
		
		for (var current_key in iterate_object) {
			
			if (typeof iterate_object[current_key] == 'string' || typeof iterate_object[current_key] == 'number') {
				
				if (parent_key.length > 0) {
					var property_path = parent_key + '[' + current_key + ']';
				} else {
					var property_path = current_key;
				}
				
				params.append(property_path, iterate_object[current_key]);
				
			} else if (typeof iterate_object[current_key] == 'object') {
				
				if (parent_key.length > 0) {
					var property_path = parent_key + '[' + current_key + ']';
				} else {
					var property_path = current_key;
				}
				
				paramsGenerator(property_path, iterate_object[current_key]);
				
			}
			
		}
		
	}
	
	paramsGenerator('', object_to_convert);
	
	return params.toString();
	
}

// Протестируем работу функции на примере:

var test_object = {
	'raz' : 'Первое свойство',
	'dva' : 'Второе свойство',
	'tri' : {
		'test' : 'Тест',
		'proverka' : 'Проверка',
		'massiv' : [
			'aaa',
			'bbb',
			'ccc',
			{
				'lalala' : 'lololo',
				'tratata' : 'trototo'
			},
			123,
			345,
			567
		]
	}
};

var send_string = httpBuildQuery(test_object);

var response = await (await fetch('/NewAdvert', {
	method: 'POST',
	headers: {
		'Content-Type' : 'application/x-www-form-urlencoded'
	},
	body: send_string
})).text();

console.log(response);

Вставьте это в консоли.