Question

我开始学习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）的代码：

<?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之类的东西吗？

Answer 1

根据您提供的输入，看来您需要一台服务器来托管.php文件，除非由网络服务器（xamp / wamp / lamp..etc）提供服务，否则它将无法正常工作。您将需要安装xampp，然后将php文件移至其www目录。

通过Angular 2 Web应用程序在MySQL中插入数据

1 个答案: