2016-10-21 4 views
2

Я использую угловые 2 и пружинные ботинки. Из html-формы я хочу отправить данные в местный mongo db. Форма имеет функцию отправки, которая должна отправлять данные в файл Java PersonController. Но почтовый запрос не работает. Надеюсь, вы можете мне помочь. Заранее спасибо.Отправить запрос с угловым 2 и пружинным ботинком

onSubmit() Функция

private serverUrl = 'http://localhost:8080/saveUser'; 

onSubmit() { 

    let headers = new Headers({'Content-Type': 'application/json'}); 
    this.http.post(this.serverUrl, 
     {firstName: 'name.firstname',lastName: 'name.lastname'}, 
     {headers:headers}) 
     .map((res: Response) => res.json()); 

    this.name = { 
     firstname: '', 
     lastname: '' 
    } 

HTML код:

<form (ngSubmit)="onSubmit()" #nameForm="ngForm" > 
    <div class="form-group"> 
    <label for="Firstname">Firstname</label> 
    <input type="text" class="form-control" id="firstname" 
    required 
    [(ngModel)]="name.firstname" name="firstname"> 
    </div> 

    <div class="form-group"> 
    <label for="Lastname">Lastname</label> 
    <input type="text" class="form-control" id="lastname" 
    [(ngModel)]="name.lastname" name="lastname"> 
    </div> 
    <button type="submit" class="btn btn-default" >Submit</button> 
</form> 

PersonController

@Autowired 
PersonRepository personRepository; 

@RequestMapping("/saveUser") 
public String personForm(){ 
    Person person1 = new Person("Hans", "Meiser"); 
    personRepository.save(person1); 
    return "saved"; 
} 
+3

Что не работает по этому поводу? вы получаете ошибки/исключения Что за отладка вы сделали? Не работает, вряд ли достаточно, чтобы помочь вам. –

+0

У меня общая проблема понимания. Прежде всего функция углового 2 http.post по-прежнему не отправляет почтовый запрос на сервер загрузки весны. В дополнение к этому я все еще не могу получить данные формы через угловой 2, чтобы сохранить данные в mongodb. Заранее спасибо. –

ответ

0

са, в вашем весеннем код вашего @RequestMapping("/saveUser") будет bydefault отображается в GET. поэтому вы все равно добавляете одно свойство, как показано ниже.

Можете ли вы передать свойство метода в этом сопоставлении и можете его проверить.

@RequestMapping (значение = «/ saveUser», метод = RequestMethod.POST

0

вы должны установить тип запроса. Кроме того, вы должны установить, как вы получите эти входные данные. Если вы отправляете их в качестве тела запроса, то вы должны получать их как следующий, как вы бросаете входные данные для человека, чтобы быть сохранены.

@RequestMapping(value="/saveUser", method=RequestMethod.POST) 
public String personForm(@RequestBody Person person){ 
    personRepository.save(person); 
    return "saved"; 
} 
Смежные вопросы