Проблемы с Angular 5 POST - отправка данных в виде единственного значения [дубликат]
setBorder(null);
просто установите нулевую границу для jpanel, которую вы используете, и используйте любой макет, который вам нравится.
4 ответа
Вы можете сделать это, используя URLSearchParams, поскольку тело запроса и угловой автоматически настроит тип содержимого на application/x-www-form-urlencoded и правильно закодирует тело.
let body = new URLSearchParams();
body.set('username', username);
body.set('password', password);
this.http.post(this.loginUrl, body).map(...);
Причина, по которой это не сейчас работая для вас, вы не кодируете данные тела в правильном формате и не задаете правильные параметры заголовка.
Вам нужно закодировать тело следующим образом:
let body = `username=${username}&password=${password}`;
Вам нужно установить параметры заголовка следующим образом:
this.http.post(this.loginUrl, body, { headers: headers }).map(...);
Для тех, кто все еще ищет ответ, я решил это с помощью Angular 5 и HttpClient:
const formData = new FormData();
// append your data
formData.append('myKey1', 'some value 1');
formData.append('myKey1', 'some value 2');
formData.append('myKey3', true);
this.httpClient.post('apiPath', formData);
НЕ устанавливайте заголовок Content-Type, угловые исправят это для вас!
-
1Ницца! Благодарим вас за решение Angular 5 HttpClient. Я переносил свой проект на Angular 5 и изучал упрощение процесса публикации. – Damon Kaswell 30 November 2017 в 17:19
-
2
-
3Мне нужно включить
Authorizationв заголовок, установить его наformDataили установить его вRequestOptions? – stt106 23 December 2017 в 23:11 -
4как добавить объект в объект? ex: option {details: {name: xx, age: yy}} – saghar.fadaei 16 May 2018 в 09:34
-
5@ saghar.fadaei не уверен, но, может быть, это может помочь: gist.github.com/ghinda/8442a57f22099bdb2e34 – Johan Kvint 17 May 2018 в 10:57
Для Angular 4.3 + / 5 + (New HTTPClient) используйте следующее:
let body = new URLSearchParams();
body.set('user', username);
body.set('password', password);
let options = {
headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
};
this.http
.post('//yourUrl.com/login', body.toString(), options)
.subscribe(response => {
//...
});
Обратите внимание на 3 вещи, чтобы заставить его работать как ожидалось:
- Использовать URLSearchParams для вашего тела
- Преобразовать тело в строку
- Установить тип содержимого заголовка
Внимание: старым браузерам нужна полифония! Я использовал: npm i url-search-params-polyfill --save, а затем добавил к polyfills.ts: import 'url-search-params-polyfill';
-
1
-
2
-
3
-
4Ух, угловатый. Это безумие, что нам нужно написать такой подробный шаблонный код, чтобы сделать такую простую вещь. – goat 2 November 2017 в 23:03
-
5Не следует использовать "новые" Угловой 5
HttpParamsвместо "старого"URLSearchParams? – superjos 16 February 2018 в 18:04 -
6– Wolfgang Stengel 12 May 2018 в 23:32
Добавление из Brad, тела, которое вам нужно будет вызвать body.toString () и поместить его как тело запроса.
-
1Вероятно, это должен быть комментарий к ответу Брэда, а не отдельный ответ. – peacetype 13 January 2018 в 23:09
URLSearchParamsкак тело для данных формы и не имею проблем. Я думаю, что это было введено в RC4. Какую версию углового вы используете? – Brad 5 October 2016 в 22:13