将 PHP 关联数组转换为 JSON 对象 - 值中的空格会导致 JSON 格式错误

Question

I build up an array in PHP and convert it to JSON which I then handle with an onclick event and send to another file via AJAX.

The problem is that some of the values in the php array have spaces in them. This seems to be breaking the JSON object meaning my AJAX call is failing.

Here's a snippet of code to try and elaborate:

//PHP Array looks like this:

            Array
            (
                [card_id] => 1
                [img_id] => 11
                [card_name] => Layout1retro_original
                [card_qty] => 1
                [img_thumb] => albums/160915_E165/thumbs/011_cover-lp-cd_originalDPP_Polaroid.jpg
                [img_hires] => 
                [img_full] => albums/160915_E165/images/011_cover-lp-cd_originalDPP_Polaroid.jpg
                [media] => retro
                [finish] => Perl290
                [size] => original
                [backing] => 
                [can_crop] => 
                [needs_to_be_cropped] => 1
                [been_cropped] => 
                [aspect_ratio] => 0
                [offer_CMF] => 
                [retro-name] => A value
            )

The problem key => val pair is the retro-name . The JSON is breaking where the space is between A and value .

I use json_encode to convert the array to a JSON object to pass with Javascript: stripslashes(json_encode($array)) .

Then I add it to an html element as a data attribute so I can grab it with the onclick event.

Here's where it is breaking in the data attribute: [removed excess code for clarity...] "retro-name":"A" value"}

Notice it has added a closing " after A . This breaks the rest of the JSON object so my AJAX call fails.

How can I fix this?

Answer 1

My best guess is because the JSON is rendered in a data attribute enclosed in double-quotes, as is common in HTML. Instead of double-quotes, please try single-quotes. PHP outputs JSON with double-quotes.

If this does not work, please can you update your question with an example of how the data-attribute is rendered with the JSON.

Answer 2

If I were to take a guess, it's stripslashes() that is removing a slash in front of the (presumed) escaped " after A in A" value . I'm almost certain there's a \\ in front of the " in the original data, that you are not showing us verbatim.

Answer 3

A different approach:

Just put the card_id in the card div

<div class="print-wrap has-size" data-card_id="<?=$array['card_id'];?>">

and then pass the card data into a variable in JS

<script>var card_data['<?=$array["card_id"]?>'] = <?=json_encode($array);?>;</script>

Then you have a relation to your data and the div.