Как правильно передать содержимое тега в handler.php с помощью ajax?

Question

[Дмитрий]

Здравствуйте. Есть форма(упрощенно):

<div class="formWrapper">
      <form>
             <input type="text" name="name">
             <input type="submit" name="submit"  value="Отправить">
      </form>
</div>

Отправка происходит при помощи Ajax

$.ajax({
	type: "POST",
	url: "handler.php",
	data: fd,
	contentType: false,
	cache: false,
	processData: false,
	success: function(data){
		$popupId.find('.popup__inner').html(data);
	}
})

в обработчик передаю объект:

var $formContent = $popupId.find('.popup__inner').html(),
	errorMsg = '<p style="color:red;text-align:center;">Ошибка, попробуйте ещё раз!</p>',
	$errorMsg = errorMsg + $formContent,
	$successMsg = $('.successMsg').html(),
	fd = new FormData();

	fd.append(errorMsg, $errorMsg);

Правильно ли добавлять данные полученные с помощью .html() через .append()??
(в обработчике $_POST['errorMsg'] - нет)

Comments

[Дмитрий]

При передаче

errorMsg = '<p style="color:red;text-align:center;">Ошибка, попробуйте ещё раз!</p>'

в обработчик приходит:

Content-Disposition: form-data; name="<p style=%22color:red;text-align:center;%22>Ошибка, попробуйте ещё раз!</p>"

имя не присваивается(fd.append(errorMsg, $errorMsg);)

Как можно исправить чтобы передалось с присвоением имени?

Answer 1

[Igor Koch]

Можно поглядеть что уходит аяксом через девелоперскую консоль браузера, cразу станет всё понятно.

Comments

[Дмитрий]

При передаче

errorMsg = 'Ошибка, попробуйте ещё раз!'

в обработчик приходит:

Content-Disposition: form-data; name="Ошибка, попробуйте ещё раз!"

имя не присваивается(fd.append(errorMsg, $errorMsg);)

Как можно исправить чтобы передалось с присвоением имени?

[Igor Koch]

formData.append("errorMsg", value); - errorMsg в кавычках

[Igor Koch]

Дмитрий: https://developer.mozilla.org/ru/docs/Web/API/Form...

[Дмитрий]

Спасибо.