Как передать форму в php файл?

Question

[Николай Колесниченко]

Заранее извиняюсь, в ajax я не силен.
Есть вот такой код:

reader.onload = function(event) {
				var fd = new FormData();
				fd.append('data', event.target.result);
				$.ajax({
				  type: 'POST',
				  url: 'upload.php',
				  data: fd,
				  processData: false,
				  contentType: false
				}).done(function(data) {
				  console.log(data);
				});
			  };

Нужно передать форму в upload.php
Я сделал так:

reader.onload = function(event) {
				var fd = new FormData();
				var form1 = jQuery("#myform").serialize();
				fd.append('data', event.target.result);
				fd.append('myform', form1);
				$.ajax({
				  type: 'POST',
				  url: 'upload.php',
				  data: fd,
				  processData: false,
				  contentType: false
				}).done(function(data) {
				  console.log(data);
				});
			  };

Однако
$_POST['name']
ничего не дает.

Если записываю так:
fd.append('data', form1);

То все в принципе ломается.

Подскажите что я делаю не так?

Answer 1

[Stalker_RED]

А в чем смысл fd.append('data', event.target.result);?
Минимальный пример:

$.post( "upload.php", $('#myform').serialize(), function( data ) {
      console.log( data);
    });

Еще неплохо бы посмотреть весь $_POST

echo '<pre>';
var_dump($_POST);
exit();

Comments

[Николай Колесниченко]

В fd.append('data', event.target.result); передается файл.
т.е. upload.php загружает файл на сервер.

Мне нужно через этот же запрос передать форму.

Answer 2

[zemka99]

https://learn.javascript.ru/xhr-forms#formdata - тут есть пример

var fd = new FormData(document.forms.myform);
так вроде должно сработать, при условии, что атрибут name у формы равен myform