2017-06-20 80 views
1

在离子中,我在尝试解析JSON数据时遇到此错误。JSON解析中的离子3错误

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"]}}] 

类型Script代码:

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()); 
}} 
+0

您是否使用'ionic serve'运行?这可能是一个CORS问题 –

+0

@suraj是的我运行在火狐浏览器使用离子服务 – Sumi

+0

@suraj你可以请建议如何解决CORS问题 – Sumi

回答

0

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