JSON解析中的Ionic 3错误

Question

在Ionic中，我在尝试解析JSON数据时遇到此错误。

Error : Response with status: 0  for URL: null  

我需要以列表格式打印产品名称（姜黄粉）

JSON响应是

[{"product_id":"40","sku":"HOS001","name":"Turmeric Powder","set":"9","type":"configurable","category_ids":["2","3"],"website_ids":["1"]},{"product_id":"41","sku":"HOS001-20 grms","name":"Turmeric Powder-20 grms","set":"9","type":"simple","category_ids":[],"website_ids":["1"]}}] 

输入脚本代码：

  getdata(){

  this.loading.present();
  this.httpProvider.getJsonData().subscribe(

  result => {
            console.log('getJsonData completed');

    this.newsData=result.data.result;
    console.log("Success : "+this.newsData);
  },
  err =>{
    console.error("Error : "+err);
  } ,
  () => {
    this.loading.dismiss();
    console.log('getData completed');
  }
);
}

Provider.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

/*
Generated class for the HttpProvider provider.

 See https://angular.io/docs/ts/latest/guide/dependency-injection.html
 for more info on providers and Angular 2 DI.
 */

 @Injectable()
 export class HttpProvider {

 constructor(public http: Http) {
 console.log('Hello HttpProvider Provider');
 }

 getJsonData(){
  return this.http.get('http://happyos.in/prd.php').map(res => res.json());
 }}

Answer 1

我通过添加Google Chrome扩展程序Access-Control-Allow-Origin找到了CORS问题的解决方案。 但是在我们每次打开浏览器之前必须启用它之前