Instagram 描述抛出 js 错误

Question

我正在使用 instagram 的 api 将一些照片输入我的数据库，然后使用 javascript 地图插件 (ammap) 呈现它们。问题是人们在他们的照片描述中发布了各种奇怪的字符和时髦的东西。

在下面的描述中，我得到一个 Uncaught SyntaxError: Unexpected token ILLEGAL

Walking to the Devils Punchbowl Falls in the rain would have been fun if it hadn't been for all the steps. Hardest kilometre I have ever have to trudge!  In the end this 130m falls was worth all the effort. 
Have a great day. 
#all_my_own #au_nz_hotshotz #capturenz #exploring_the_world_21 #hot_shotz #ig_newzealand #inzed #kiwi #nzmustdo #nature_isa #newzealand #nzroadtrip #natureaddict #ourlonelyplanet #roadtrip #travel #thetravelbible #worldbestgram #fpog #arthurspass #purenewzealand

我如何使用数据

1. 我从数据库中的文本字段中获取数据

2. 然后我在脚本中使用如下

   说明："'border='0' style='padding:15px;'/>

   "

现在我注意到，即使在 stackoverflow 中，代码也不会呈现。

这是一个小提琴http://jsfiddle.net/BrRe9/

这是我在 php 中所做的

while ($row = mysql_fetch_assoc($getData)){
                $retdata[] = array(
                    'desc' =>  $row['desc'],

....

那么这就是我在 javascript 中所做的事情

var dataProvider = {
            map: "worldLow",

            images:[
                <?foreach($retdata as $rr):?>
                {
                    description:"<div style='width:100%;margin:0 auto;text-align:center;'><p><?php echo addslashes($rr['desc']);?></p><div>"
                },
                <?  endforeach;?>
              ]                    
            };

Answer 1

您需要告诉 PHP “转义”描述，因为它可能包含导致无效 Javascript 的字符。

在你插入描述的地方试试这个：

<?php echo json_encode(addslashes($rr['desc'])); ?>

Answer 2

"如果你可以将 PHP 返回的描述放入一个变量（'desc'）中，在你用 javascript 做任何事情之前试试这个：

var newDesc = desc.replace(/[|&;$%@"<>()+,:]/g, "").replace(/'/g, "\'");

这应该会删除大多数常见的时髦嫌疑人并避开单引号。