如何在json请求中使用用户和密码变量?

时间:2018-05-17 09:35:55

标签: json angular

Pic 1: Angular 4

在第一张图片中,我有我的用户输入,我可以在控制台变量中显示用户名和密码。在第二张图片中,我使用我的令牌发送用户名和密码。如何使用第一张图片中的用户名和密码并使用我的标题发送?请帮忙。

Pic 2: json request

2 个答案:

答案 0 :(得分:0)

Headers类是常量,因此当您使用它时,只有在使用新语句时才可能设置标题。即。

new Headers({header:value}) 
new Headers().append('header', 'value');

但是这不起作用,因为它是一个常量

let headers = new Header();
headers.append('header','value')

你只能做事

new Headers({header:btoa(userna + ':' + password)});

HTML

<form #myForm="ngForm" (submit)="onSubmit(myForm)">
    <input type="text" name="username">
    <input type="password" name="password"
    <input type="submit" value="Submit">
</form>

COMPONENT

onSubmit(form) {
   if(form.valid) {
      console.log(form.control.username);
      console.log(form.control.password);
   }
}

答案 1 :(得分:0)

好的,如果您正在寻找您的登录数据,那么正确的方法是发出如下事件:

登录表单组件:

@output
onLogin : EventEmitter<any> = new EventEmitter();

login(e){
***
this.onLogin.emit({username:username,password:password});
}

app component.html

<login-form (onLogin)="getData($event)"></login-form>

此处“$ event”代表您的对象“{username:username,password:password}”;

否则您可以将数据存储在变量中并在需要时运行“getData”。

其他建议: 使用角度反应形式,如下所示:https://angular.io/guide/reactive-forms#add-a-formgroup 也许从角度服务运行你的xhr。