Mozillaのカント解析JSON

Question

マイAngular2（RC4）次のスニペットを使用して、私のWepApiからデータを取得します。

getAppointment(id: number): Observable<Event> { 
    return this._http.get(this._serviceUrl + 'get/' + id) 
     .map(this.extractData) 
     .catch(this.handleError); 
} 

this.extractDataは以下のん：

private extractData(res: Response) { 
     let body = res.json(); 
     return body || {}; 
} 

をChromeで期待されるように、このすべての作品、 IE、エッジが、このエラーを投げMozillaで失敗：

JSON.parse: unexpected character at line 1 column 1 of the JSON data 

これはバック@ angluar2/HTTPモジュールstatic_response.d.tsにつながります。

static_response.d.jsで

/** 
* Attempts to return body as parsed `JSON` object, or raises an exception. 
*/ 
json(): any; 

ので：

/** 
* Attempts to return body as parsed `JSON` object, or raises an exception. 
*/ 
Response.prototype.json = function() { 
    var jsonResponse; 
    if (http_utils_1.isJsObject(this._body)) { 
     jsonResponse = this._body; 
    } 
    else if (lang_1.isString(this._body)) { 
     jsonResponse = lang_1.Json.parse(this._body); 
    } 
    return jsonResponse; 
}; 

なぜMozillaでこの仕事をdoesntの？ これは@ angular2/httpのバグですか？

Answer 1

私も同じ問題を抱えています。

しかし、私はブラウザの設定を変更して解決し、それが動作します。

これを行う（適切ではないが動作する）。

Open about：config in FFのタブ。 Network.http.accept.defaultを見つけてください。

値= text/htmlの、アプリケーション/ XHTML + xmlの、アプリケーション/ XML、Q = 0.9、/; Q = 0.8

新しい値= text/htmlの、アプリケーション/ XHTML + xmlの、アプリケーション/ JSON; q = 0.9、/; q = 0.8

Answer 2

Since this is too long for a comment, I added this as an answer - if it doesn't work I'll remove it.

---

あなたはそうのように、あなたが誤ってXMLを取得しないように、レスポンスとしてあなたはJSON文字列を期待してサーバーに伝えるために、試してみて、明示的にAcceptヘッダを追加することができます。

getAppointment(id: number): Observable<Event> { 
    let headers = new Headers(); 
    headers.append('Accept', 'application/json'); 
    let options = new RequestOptions({ headers: headers }); 

    return this._http.get(this._serviceUrl + 'get/' + id, options) 
     .map(this.extractData) 
     .catch(this.handleError); 
}