Виде FormData.добавить("ключ", "значение") не работает
можете ли вы сказать мне, что не так с этим:
var formdata = new FormData();
formdata.append("key", "value");
console.log(formdata);
мой вывод выглядит так, я не могу найти свою пару" ключ " - "значение"
FormData
*__proto__: FormData
**append: function append() { [native code] }
***arguments: null
***caller: null
***length: 0
***name: "append"
***prototype: append
***__proto__: function Empty() {}
*constructor: function FormData() { [native code] }
**arguments: null
**caller: null
**length: 0
**name: "FormData"
**prototype: FormData
**toString: function toString() { [native code] }
*__proto__: Object
**__proto__: Object
**__defineGetter__: function __defineGetter__() { [native code] }
**__defineSetter__: function __defineSetter__() { [native code] }
**__lookupGetter__: function __lookupGetter__() { [native code] }
**__lookupSetter__: function __lookupSetter__() { [native code] }
**constructor: function Object() { [native code] }
**hasOwnProperty: function hasOwnProperty() { [native code] }
**isPrototypeOf: function isPrototypeOf() { [native code] }
**propertyIsEnumerable: function propertyIsEnumerable() { [native code] }
**toLocaleString: function toLocaleString() { [native code] }
**toString: function toString() { [native code] }
**valueOf: function valueOf() { [native code] }
Я не могу понять! Вчера он работал так хорошо, и сегодня моя голова разбила клавиатуру так много раз! Firefox, Chrome, оба одинаковые :/
6 ответов
новое в Chrome 50+ и Firefox 39+ (соотв. 44+):
-
formdata.entries()
(совмещать сArray.from()
для debugability) formdata.get(key)
- и более очень полезные методы
оригинальный ответ:
что я обычно делаю для "отладки" a FormData
объект, просто отправьте его (в любом месте!) и проверьте журналы браузера (например. Вкладку "Сеть" в инструментах разработчика в Chrome').
вам не нужен/тот же Ajax рамки. Тебе не нужны подробности. Просто отправьте его:
var xhr = new XMLHttpRequest;
xhr.open('POST', '/', true);
xhr.send(data);
легко.
вы говорите, что это не работает. Чего вы ожидаете?
нет никакого способа получить данные из FormData
объект; он просто предназначен для использования для отправки данных вместе с
возможно, у вас была та же проблема, что и у меня изначально. Я пытался использовать FormData для захвата всех моих входных файлов для загрузки изображения, но в то же время я хотел добавить идентификатор сеанса к информации, передаваемой на сервер. Все это время я думал, добавляя информацию, вы сможете увидеть его на сервере, доступ к объекту. Я ошибался. Когда вы добавляете в FormData, способ проверить добавленную информацию на сервере является простым $_POST['*your appended data*']
запрос. вот так:
js:
$('form').submit(function(){
var sessionID = 8;
var formData = new FormData(this);
formData.append('id', sessionID);
$.ajax({
url: "yoururl.php",
data: formData,
processData: false,
contentType: false,
type: 'POST',
success: function(data){
alert(data);
}
});
});
тогда на php:
$sessionID = $_POST['id'];
$files = $_FILES['image'];
$foreach ($files as $key=>val){
//...
}
Если вы находитесь в Chrome вы можете проверить данные Post
вот как проверить данные Post
- перейдите на вкладку "Сеть"
- найдите ссылку, по которой вы отправляете почтовые данные
- нажимаем на него
- в заголовках вы можете проверить полезную нагрузку запроса, чтобы проверить данные post
вы можете видеть это
вам нужно использовать console.log(formData.getAll('your key'))
;
смотреть
https://developer.mozilla.org/en-US/docs/Web/API/FormData/getAll
в моем случае в браузере Edge:
const formData = new FormData(this.form);
for (const [key, value] of formData.entries()) {
formObject[key] = value;
}
дайте мне ту же ошибку
поэтому я не использую FormData
и я просто вручную создать объект
import React from 'react';
import formDataToObject from 'form-data-to-object';
...
let formObject = {};
// EDGE compatibility - replace FormData by
for (let i = 0; i < this.form.length; i++) {
if (this.form[i].name) {
formObject[this.form[i].name] = this.form[i].value;
}
}
const data = formDataToObject.toObj(formObject): // convert "user[email]":"customer@mail.com" => "user":{"email":"customer@mail.com"}
const orderRes = await fetch(`/api/orders`, {
method: 'POST',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
const order = await orderRes.json();