Ionic 3 TypeError：this.http.post不是函数

2 回答

• -1

  正如@JB Nizet所说，你正在注入 HttpModule 而不是 Http . 你也应该使用 HttpClient 这是已经取代 Http 的新版本 .

  那么让我们做那些改变吧 .

  app.module.ts

  import { BrowserModule } from '@angular/platform-browser';
  import { ErrorHandler, NgModule } from '@angular/core';
  import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
  // import { HttpModule, Headers, RequestOptions } from '@angular/http';
  import { HttpClientModule } from '@angular/common/http';
  import 'rxjs/Rx';
  import { MyApp } from './app.component';
  
  
  import { LoginPage } from '../pages/login/login';
  import { HomePage } from '../pages/home/home';
  import { ListPage } from '../pages/list/list';
  
  import { StatusBar } from '@ionic-native/status-bar';
  import { SplashScreen } from '@ionic-native/splash-screen';
  
  @NgModule({
    declarations: [
      MyApp,
      HomePage,
      ListPage,
      LoginPage
    ],
    imports: [
      BrowserModule,
      // HttpModule,
      HttpClientModule,
      IonicModule.forRoot(MyApp)
  
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      HomePage,
      ListPage,
      LoginPage
    ],
    providers: [
      StatusBar,
      SplashScreen,
      {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
  export class AppModule {}
  

  login.ts

  import { Component } from '@angular/core';
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import { FormBuilder, FormGroup, Validators} from '@angular/forms';
  // import { HttpModule, Headers, RequestOptions } from '@angular/http';
  import { HttpClient, HttpHeaders } from '@angular/common/http';
  
  import { HomePage } from '../home/home';
  
  @IonicPage()
  @Component({
    selector: 'page-login',
    templateUrl: 'login.html',
  })
  export class LoginPage {
      isLogged: boolean;
      constructor(public navCtrl: NavController,public fb: FormBuilder, public http: HttpClient) {
      this.myForm = this.fb.group({
          email: ['', [Validators.required]],
          password: ['', [Validators.required]]
      });
      // this.http = http; 
      // you don't need last line because you already did that with 'public http: HttpClient'
  
    }
  
    loginUser(){
      var datajson= {accion: 'login', email: this.myForm.value.email, password: this.myForm.value.password};
      alert(JSON.stringify(datajson));
      var apiurl = 'http://batbike.es/ajax/bbdd.php';
  
      this.http.post(apiurl,datajson).subscribe(data => {alert(data.data)}).catch(error=>{ alert (error.status)});
  
      //Esta linea me lleva a la página home
      //this.navCtrl.setRoot(HomePage).then(data => console.log(data)),error => console.log(error);
    }
  
  }
  

  回复于 2024-05-02T07:32:38+08:00
• 0

  :)流行的问题，使用ReflectiveInjector来创建你的'http'对象

  let injector = ReflectiveInjector.resolveAndCreate([
          Http, BrowserXhr,
          {provide: RequestOptions, useClass: BaseRequestOptions},
          {provide: ResponseOptions, useClass: BaseResponseOptions},
          {provide: ConnectionBackend, useClass: XHRBackend},
          {provide: XSRFStrategy, useFactory: () => new CookieXSRFStrategy()},]);
      this.http = injector.get(Http);
  

  回复于 2024-05-02T07:32:38+08:00