JSON解析中的离子3错误
问题描述:
在离子中,我在尝试解析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());
}}
答
我通过添加Google Chrome扩展Access-Control-Allow-Origin找到了CORS问题的解决方案。但是在我们每次打开浏览器之前必须启用它之前
您是否使用'ionic serve'运行?这可能是一个CORS问题 –
@suraj是的我运行在火狐浏览器使用离子服务 – Sumi
@suraj你可以请建议如何解决CORS问题 – Sumi