在位置0的JSON中出现意外的标记A.

Question

如果我做邮递员，我会得到这个回复

Array
(
    [0] => stdClass Object
        (
            [product_id] => 5
            [sku_id] => XYZ3
            [name] => Kanchipuram Silk
            [price] => 3500
            [category_id] => 2
            [description] => Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes
            [popular_status] => 0
            [active_status] => 1
        )

    [1] => stdClass Object
        (
            [product_id] => 4
            [sku_id] => XYZ1
            [name] => Kanchipuram Silk
            [price] => 999
            [category_id] => 2
            [description] => Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes
            [popular_status] => 1
            [active_status] => 1
        )

    [2] => stdClass Object
        (
            [product_id] => 3
            [sku_id] => ABC3
            [name] => Kanchipuram Silk
            [price] => 2530
            [category_id] => 1
            [description] => Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes
            [popular_status] => 0
            [active_status] => 1
        )

    [3] => stdClass Object
        (
            [product_id] => 2
            [sku_id] => ABC2
            [name] => Kanchipuram Silk
            [price] => 1525
            [category_id] => 1
            [description] => Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes
            [popular_status] => 1
            [active_status] => 1
        )

)
{"0":{"product_id":"5","sku_id":"XYZ3","name":"Kanchipuram Silk","price":"3500","category_id":"2","description":"Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes","popular_status":"0","active_status":"1"},"1":{"product_id":"4","sku_id":"XYZ1","name":"Kanchipuram Silk","price":"999","category_id":"2","description":"Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes","popular_status":"1","active_status":"1"},"2":{"product_id":"3","sku_id":"ABC3","name":"Kanchipuram Silk","price":"2530","category_id":"1","description":"Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes","popular_status":"0","active_status":"1"},"3":{"product_id":"2","sku_id":"ABC2","name":"Kanchipuram Silk","price":"1525","category_id":"1","description":"Etiam faucibus viverra libero vel efficitur. Ut semper nisl ut laoreet ultrices. Maecenas dictum arcu purus, sit amet volutpat purus viverra sit amet. Quisque lacinia quam sed tortor interdum, malesuada congue nunc ornare. Cum sociis natoque penatibus et magnis dis parturient montes","popular_status":"1","active_status":"1"},"status":"200"}

我尝试使用该组件获取此功能

import { Component, OnInit } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  productCount: number = 4;
  private apiUrl = 'http://localhost/sp/api/unsold_products';
  products: any;

  constructor(private http: Http) {
    this.getProducts();
  }


  getData() {
    return this.http.get(this.apiUrl)
    .map((res: Response) => res.json())
  }

  getProducts(){
    this.getData().subscribe(data => {
      console.log(data);
      this.products = data;
    })
  }

  ngOnInit() {
  }

}

但现在我在控制台中收到此错误。我认为错误可能是由于我从服务器获得的一些html内容。但一切都在邮递员工作正常但不在这里。

ERROR SyntaxError: Unexpected token A in JSON at position 0
    at JSON.parse (<anonymous>)

我使用angularjs 5进行编码，而对于服务器端我正在使用codeigniter框架。这是我的CI控制器

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Api extends CI_Controller {
    function __construct(){
        parent::__construct();
        $this->load->model('Api_model');
    }
    public function unsold_products(){
        $response = $this->Api_model->fetch_unsold_products();
        print_r($response);
        $response['status']='200';
        json_output($response['status'],$response);
    }
}

我没有得到我出错的地方。

Answer 1

只能从服务器返回JSON。您已使用print_r（）在服务器上打印数据。这将导致这些类型的输出。从代码中删除print_r（$ response）并检查输出。

Answer 2

我自己找到了解决方案。我补充道

header('Content-Type: application/json');

在控制器的第一行。这是完整的控制器：

<?php
header('Content-Type: application/json');
class Api extends CI_Controller {
    function __construct(){
        parent::__construct();
        $this->load->model('Api_model');
        $this->load->model('Generic_model');
    }
}

希望这可能对某些人有所帮助..