0

При попытке создания новой коллекции в mongoDB, вываливается вот такая вот ошибка:

EXCEPTION: Unexpected token O in JSON at position 0
ErrorHandler.handleError @ error_handler.js:54
next @ application_ref.js:348
schedulerFn @ async.js:93
SafeSubscriber.__tryOrUnsub @ Subscriber.js:234
SafeSubscriber.next @ Subscriber.js:183
Subscriber._next @ Subscriber.js:125
Subscriber.next @ Subscriber.js:89
Subject.next @ Subject.js:55
EventEmitter.emit @ async.js:79
NgZone.triggerError @ ng_zone.js:333
onHandleError @ ng_zone.js:294
ZoneDelegate.handleError @ zone.js:334
Zone.runTask @ zone.js:169
ZoneTask.invoke @ zone.js:416
error_handler.js:59 ORIGINAL STACKTRACE:
ErrorHandler.handleError @ error_handler.js:59
next @ application_ref.js:348
schedulerFn @ async.js:93
SafeSubscriber.__tryOrUnsub @ Subscriber.js:234
SafeSubscriber.next @ Subscriber.js:183
Subscriber._next @ Subscriber.js:125
Subscriber.next @ Subscriber.js:89
Subject.next @ Subject.js:55
EventEmitter.emit @ async.js:79
NgZone.triggerError @ ng_zone.js:333
onHandleError @ ng_zone.js:294
ZoneDelegate.handleError @ zone.js:334
Zone.runTask @ zone.js:169
ZoneTask.invoke @ zone.js:416
error_handler.js:60 SyntaxError: Unexpected token O in JSON at position 0
    at JSON.parse ()
    at Response.Body.json (body.js:24)
    at MapSubscriber.project (left-bar.service.ts:18)
    at MapSubscriber._next (map.js:77)
    at MapSubscriber.Subscriber.next (Subscriber.js:89)
    at XMLHttpRequest.onLoad (xhr_backend.js:77)
    at ZoneDelegate.invokeTask (zone.js:363)
    at Object.onInvokeTask (ng_zone.js:264)
    at ZoneDelegate.invokeTask (zone.js:362)
    at Zone.runTask (zone.js:166)
    at XMLHttpRequest.ZoneTask.invoke (zone.js:416)

но всё же коллекция создается!


Как я понял Метод .subscribe() получает некорректные данные от сервиса.
Данные в каком виде должен принимать Метод .subscribe()?

--------------------left-bar.component.ts--------------------

import { Component, OnInit } from '@angular/core';
import { LeftBarService } from '../left-bar.service';

@Component({
  selector: 'app-left-bar',
  templateUrl: './left-bar.component.html',
  styleUrls: ['./left-bar.component.sass']
})
export class LeftBarComponent implements OnInit {
  categories = [];

  constructor(private leftBarService: LeftBarService) { }

  ngOnInit() {
    this.leftBarService.getAllCategories().subscribe(category => {
      this.categories = category;
    });
  }

  addCategory(category) {
    let newCategory = {
      name: category
    }
    this.leftBarService.addCategory(newCategory)
      .subscribe( categ => {
        this.categories.push(newCategory);
      });
  }
}



---------------------------left-bar-service.ts---------------------

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

@Injectable()
export class LeftBarService {

  constructor(private http: Http) { }

  // Get all categories
  getAllCategories() {
    return this.http.get('/categories')
      .map(res => res.json());
  }
  // Add category
  addCategory(newCategory) { 
    return this.http.post('/categories', newCategory)
      .map( res => res.json());
  }

}



8
  • посмотри что именно тебе сервер возвращает
    – Grundy
    9 мар 2017 в 10:17
  • Вы лучше покажите что в JSON возвращается
    – Isaev
    9 мар 2017 в 10:17
  • @Grundy Request payload: {"name":"hello"}
    – Denisoed
    9 мар 2017 в 10:26
  • @Денисоед, request - это то, что ты послал. А тебе надо посмотреть, что ты получил
    – Grundy
    9 мар 2017 в 10:31
  • @Grundy Там Response а ни Request)))) Я ошибся
    – Denisoed
    9 мар 2017 в 10:36

1 ответ 1

-1

Ты высылаешь не валидный JSON, а к примеру строку. Один из вариантов решения проблемы приведет ниже. При этом независимо от того, что вы отправите с сервера в другие компоненты придет ожидаемый результат.

 addCategory(newCategory) { 
     return this.http.post('/categories', newCategory)
                 .map(res => {
                   try { return res.json(); } 
                   catch (err) { return res; }
                 })

Но лучше всего пересмотреть серверный код и высылать валидный JSON. Тогда конструкция try catch не понадобится. И можно будет оставить res.json();

19
  • 1
    json, как это ни странно - обычная строка, если ее не парсить - она строкой и останется.
    – Grundy
    9 мар 2017 в 10:20
  • Может выразился не так, но ответ должен помочь
    – Lestoroer
    9 мар 2017 в 10:21
  • @Lestoroer Спасибо за помощь
    – Denisoed
    9 мар 2017 в 10:29
  • "Сервер, скорее всего, уже присылает JS объект" - это как так?
    – user207618
    9 мар 2017 в 10:31
  • Не, единственно в чем может помочь ответ, скрывать ошибки, чтобы они потом в другом месте вылезли
    – Grundy
    9 мар 2017 в 10:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.