html – 在Ionic中使用API​​执行登录时出现JSON错误

概述我正在使用Ionic中的API执行登录但是我收到错误： Error: Property ‘json’ does not exist on type ‘{}’. 这是我的loginpage.html： <ion-header> <ion-navbar> <ion-title>loginpage</ion-title> </ion-navbar></ion-header>< 我正在使用Ionic中的API执行登录但是我收到错误：

Error: Property ‘Json’ does not exist on type ‘{}’.

这是我的loginpage.HTML：

<ion-header>  <ion-navbar>    <ion-Title>loginpage</ion-Title>  </ion-navbar></ion-header><ion-content padding>  <form (submit)="getloginUsers()">    <ion-List>      <ion-item>        <ion-label fixed>Email</ion-label>        <ion-input type="email" [(ngModel)]="userData.email" name="email"></ion-input>      </ion-item>      <ion-item>        <ion-label fixed>Password</ion-label>        <ion-input type="password" [(ngModel)]="userData.password" name="password"></ion-input>      </ion-item>      <div padding>        <button ion-button color="primary" block>Login</button>      </div>    </ion-List>  </form></ion-content>

这是我的loginpage.ts：

import { Component } from '@angular/core';import { IonicPage,NavController,NavParams } from 'ionic-angular';import { RestAPIProvIDer } from '../../provIDers/restAPI/restAPI';import { ListPage } from '../List/List';@IonicPage()@Component({  selector: 'page-loginpage',templateUrl: 'loginpage.HTML',})export class LoginpagePage {  responseData : any;  userData = {"email": "","password": ""};  constructor(public navCtrl: NavController,public navParams: NavParams,public restProvIDer: RestAPIProvIDer) {      this.getloginUsers();  }  ionVIEwDIDLoad() {    console.log('ionVIEwDIDLoad LoginpagePage');  }    getloginUsers(){    this.restProvIDer.getUsers(this.userData,'user_Login').then((result) => {      if(result){       this.responseData = result.Json();     if(this.responseData.userData){     console.log(this.responseData);     console.log("User Details");     this.navCtrl.push(ListPage);     }     else{       console.log("Incorrect Details"); }    }     },(err) => {     // Error log   }); }}

这是代码this.responseData = result.Json();错误即将到来.

Error: Property ‘Json’ does not exist on type ‘{}’.

这是我的服务restAPI.ts：

import { httpClIEnt } from '@angular/common/http';import { Injectable } from '@angular/core';import { httpheaders } from '@angular/common/http';import { Response } from '@angular/http';import 'rxJs/add/operator/topromise';import 'rxJs/add/operator/map';import 'rxJs/add/operator/timeout'let APIUrl = 'http://192.168.1.10/honeybee/HoneyAPI/';@Injectable()export class RestAPIProvIDer {  token:any;  constructor(public http: httpClIEnt) {    console.log('Hello RestAPIProvIDer ProvIDer');  }  getUsers(credentials,type) {    return new Promise((resolve,reject) => {      var headers = new httpheaders();      headers.append('Access-Control-Allow-Origin','*');      headers.append('Access-Control-Allow-Methods','POST,GET,OPTIONS,PUT');      headers.append('Accept','application/Json');      headers.append('Content-Type','application/Json');  this.http.post(APIUrl + type,JsON.stringify(credentials),{headers: headers})    .subscribe((res: Response) => {        resolve(res);      },(err) => {          reject(err);        });    });  }}

我在app.module.ts中包含了FormsModule.任何帮助深表感谢.

解决方法 由于您使用的是httpClIEnt,因此通常不必使用result.Json();

this.responseData = result;

您也不必使用Promise,更改服务代码如下,

getUsers(credentials,type) {      var headers = new httpheaders();      headers.append('Access-Control-Allow-Origin','application/Json');      return this.http.post(APIUrl + type,{headers: headers});  }

在你的组件中,

this.restProvIDer.getUsers(this.userData,'user_Login').subscribe((data) => {    console.log(data);});

总结

以上是内存溢出为你收集整理的html – 在Ionic中使用API​​执行登录时出现JSON错误全部内容，希望文章能够帮你解决html – 在Ionic中使用API​​执行登录时出现JSON错误所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。