AJAX请求中存在Parserror，表单提交

Question

I'm using an AJAX request to submit a form login.

$.post(url, {data: JSON.stringify( {obj: value} )}, 'json')
 .fail(function(){
    console.log(typeof arguments[0].responseText) //logs 'string'
    //console.log(JSON.parse(arguments[0].responseText)) // decommented logs "unexpected     token"
    console.log(arguments) 
 });

I'm getting

1: "parsererror"
2: SyntaxError
   message: "Unexpected token "
..
..

I've also set header("Content-type: application/json") but it did not solved the problem, I'm also using json_encode as server-side response.

I got status: 200 and, it seems, the right json responseText . I don't know what else to do.

(do not flag this question as a duplicate, I did search over SO, none question solved my issue)

EDIT Added responseText

chrome

responseText: "↵{"success":true,"error":false}"

firefox

"\r\n{"success":true,"error":false}"

EDIT2

json_encode(array( .. )) 

introduce \\r\\n but I don't know why.

Answer 1

↵ is unexpected char in response, please use ob_start function before json_encode function on server side. ↵ this is enter key code, please remove from response

ltrim(json_encode($response_arr), "\r\n"); // this would be useful in php code

//

responseText: "↵{"success":true,"error":false}"

to

responseText: "{"success":true,"error":false}"

The issue in ajax response, see blow image for better understanding new line case (red mark) will have in your server code.. if you can remove new line the issue will be resolved.

Other solution

remove header( Content-type : application/json ) and use jQuery.parseJSON(jQuery.trim(response)) in jQuery code.

ajax code

$.post(url, {data: JSON.stringify( {obj: value} )}, function(response){
      var data = jQuery.parseJSON(jQuery.trim(response));
      console.log(data);
})
 .fail(function(){
    console.log(typeof arguments[0].responseText) //logs 'string'
    //console.log(JSON.parse(arguments[0].responseText)) // decommented logs "unexpected     token"
    console.log(arguments) 
 });