Я начинаю изучать Angular 2, и мне нужно вставить некоторые данные в базу данных, используя Ajax. Я создал страницу Angular 2 для регистрации некоторых телесериалов в базе данных.
Следуйте коду form:
<form (submit)="cadastrarSerie()">
<div class="form-group">
<label for="inputNomeSerie">Nome da Serie:</label>
<input name="inputNomeSerie" type="text" class="form-control" id="inputNomeSerie" [(ngModel)]="nome" required>
</div>
<div class="form-group">
<label for="inputSinopseSerie">Sinopse:</label>
<textarea name="inputSinopseSerie" class="form-control" rows="5" id="inputSinopseSerie" [(ngModel)]="sinopse" required></textarea>
</div>
<div class="form-group">
<label for="inputTemporadaSerie">Temporadas:</label>
<input name="inputTemporadaSerie" min="1" type="number" class="form-control" id="inputTemporadaSerie" [(ngModel)]="temporadas" required>
</div>
<div class="form-group">
<label for="inputProdutoraSerie">Produtora da Serie:</label>
<input name="inputProdutoraSerie" type="text" class="form-control" id="inputProdutoraSerie" [(ngModel)]="produtora" required>
</div>
<button type="submit" class="btn btn-default">Cadastrar</button>
</form>
Следуйте коду функции, которая делает заявку в .php файл, чтобы вставить в базу данных:
public nome:String;
public sinopse:String;
public temporadas:number;
public produtora:String;
public cadastrado:String;
public cadastrarSerie(){
if(this.nome.length>0 && this.sinopse.length>0 && this.temporadas>0 && this.produtora.length>0){
let req = new XMLHttpRequest();
req.onreadystatechange = function() {
if(req.readyState === 4 && req.status==200){
let x = JSON.parse(req.responseText);
}
}
req.open("get","/cadastrarSerie.php?nome="+this.nome+"&sinopse="+this.sinopse+"&temporadas="+this.temporadas+"&produtora="+this.produtora,true);
req.send();
}
}
И есть код "cadastrarSerie.php" (registerSerie.php на английском языке), который вставляется в db:
<?php
if(isset($_GET['nome']) && isset($_GET["sinopse"]) && isset($_GET["temporadas"]) && isset($_GET["produtora"])){
include "./Serie.php";
$serie = new Serie(null,$_GET["nome"],$_GET["sinopse"],$_GET["temporadas"],$_GET["produtora"]) ;
$serie->inserir();
return true;
}else{
return false;
}
?>
Я знаю, Angular на стороне клиента, хотя PHP на стороне сервера, но я не знаю, как заставить его работать, я использую 'ng serve', чтобы запустить HTTP-сервер для тестирования angular 2 стр.
Как я могу вставить данные в базу данных? Я должен использовать что-то вроде Xampp?