Appending a TR to Table Not Formatting Correctly

Question

My PHP script is sending back an array:

$currentStatus = ( isset( $status ) ) ? "1" : "0";
$html = "<tr><td>" . $email . "</td><td>" . ( ( $status->type == 0 ) ? "View Only" : ( ( $status->type == 1 ) ? "View & Mark" : "View, Mark & Edit" ) ) . "</td><td>Invited</td></tr>";

echo json_encode( array( $html, $currentStatus ) );

Then my jquery is appending this to the table:

...
success: function( result ) {

   var resultArray = eval( result );

   $( "#myTable tr:last").append( resultArray[0] );
   ...
}

Problem is, when it prints, it prints the following extra marks:

name@email.com<\/td>    View Only<\/td> Invited<\/td><\/tr>","1"]

If I only echo the HTML it appends to table just fine, but I cant do that because I need the $currentStatus back too to do something with it.

Thanks!

Why are you using `.eval`? What is the result of `console.log(result)` -- can you post it? — tymeJV, Nov 12 '13 at 21:52
@tymeJV I am using .eval because its the only way I know how to access the array... is there a better way? — TimNguyenBSM, Nov 12 '13 at 21:54
Are you getting the result as text if so use `JSON.parse(result)`. If you have set the proper content type in the response header or dataType in ajax settings you should get it as array object itself and you don't have to parse it. — PSL, Nov 12 '13 at 21:55
@tymeJV console.log shows ["name@email.com<\/td>View Only<\/td>Invited<\/td><\/tr>","1"] — TimNguyenBSM, Nov 12 '13 at 21:58
It's adding that "\" to the td. So rather than its returning <\/td> — TimNguyenBSM, Nov 12 '13 at 22:02

score 1 · Accepted Answer · edited May 23 '17 at 11:56

1

Allowing \/ helps when embedding JSON in a <script> tag, which doesn't allow </ inside strings. JSON: why are forward slashes escaped?

You can set options to json_encode:

echo json_encode(array( ('<tr><td>test@test.com</td><td>Invited</td></tr>')), JSON_UNESCAPED_SLASHES| JSON_HEX_TAG);

JSON_UNESCAPED_SLASHES - available from 5.4.0
JSON_HEX_TAG - from 5.3.0

edited May 23 '17 at 11:56

Community

1
1

answered Nov 12 '13 at 22:31

Alexander

807
5
10

score 0 · Answer 2 · answered Nov 12 '13 at 22:14

I've played with the result that you add in your comment in the console. My code looks like this and it seems to work:

var resultArray = ["<tr><td>name@email.com<\/td><td>View Only<\/td><td>Invited<\/td><\/tr>","1"];
var resultStringify = JSON.stringify(resultArray);
var resultParse = JSON.parse(resultStringify);

resultParse //Result: ["<tr><td>name@email.com</td><td>View Only</td><td>Invited</td></tr>", "1"]

Trying to figure out why it work by first stringify it and then parse it.

Appending a TR to Table Not Formatting Correctly

2 Answers2