JavaScript 错误：标签无效？这是什么意思？

Question

不用担心！它看起来比实际更多的文字;-)所以请继续阅读！

主要问题是：

• 错误：无效标签是什么意思？
• 我的脚本错误在哪里？

现在极客的东西开始了;-)：

我有一个脚本，它从服务器加载语言数组的项目（通过 js 中的 lang_keys 定义的项目 - 见上文）（服务器提供该语言数组的 JSON 版本）数组），用于当前语言。

使用 JS translate(""); 函数，您可以获取当前语言所需的文本。 更新：jquery 1.5 未缩小（旧版：jquery.js（v1.4.1 - 缩小））已加载，lang.js 也已加载。

所以我收到一个错误，我只是找不到它，

我必须添加： translate() 函数可以正常工作，并且 JS 不会中断。所有功能均按预期工作。 我没有任何其他错误，并且所有 JS 都工作正常...但我不想在未来感到惊讶 - 所以我需要摆脱该错误。

控制台输出chrome（在ajax请求[/query/js_lang/json]之后列出）：

Uncaught SyntaxError: Unexpected token :    jQuery.jQuery.extend.globalEvaljquery.js:602
jQuery.ajaxSetup.converters.text            scriptjquery.js:6992
ajaxConvert                                 jquery.js:6884
done                                        jquery.js:6454
jQuery.ajaxTransport.send.callback          jquery.js:7252
jQuery.ajaxTransport.send                   jquery.js:7261
jQuery.extend.ajax                          jquery.js:6646
(anonymous function)                        lang.js:116

firefox中的控制台输出（在ajax请求[/query/js_lang/json]之后列出）：

invalid label
{"js_accept_terms":"Du musst unseren A...:"Kontaktname","js_agent_email":"Konta

谁能告诉我我到底错误是什么：无效标签意味着什么？

我的脚本（lang.js）看起来像这样：

var month_names = new Array();
var day_names = new Array();

var lang_keys = new Array(   
    "js_accept_terms",
    ...
    "nope"
);

var translations = new Array();


function translate(key, replace){
    var translated = translations[key];

    if(replace != undefined){
        for(var i=0; i<replace.length; i++){
            translated = translated.replace(/\%1/, replace); 
        }
    }

    return translated;
}

$.ajax({ //this is line 116
   url: "/query/js_lang/json",
   type: "post",
   data: {keys: JSON.stringify(lang_keys)},
   timeout: 7000,
   success: function(data){
       var trans = jQuery.parseJSON(data);
       for(var key in trans){
           translations[key.replace(/^js\_/, "")] = trans[key];
       }
       month_names = new Array(translate("jan"), translate("feb"), translate("mar"), translate("apr"), translate("may"), translate("jun"), translate("jul"), translate("aug"), translate("sep"), translate("oct"), translate("nov"), translate("dec"));
       day_names   = new Array(translate("sun"), translate("mon"), translate("tue"), translate("wed"), translate("thu"), translate("fri"), translate("sat"));
   },
   error: function(){
       out_message("Error. No Language loaded!", "Error");
   },
   async: false
});

out_message()显示一个css-样式化的div。我在网站的其他部分使用该功能，它运行没有任何问题。

我删除了 lang_keys 中的项目，其中返回值具有特殊字符，如“:”、元音变音、斜杠等...说：我仅使用字母数字值对其进行了测试，并得到了相同的错误.

抱歉我的英语不好;-)并感谢您的帮助

Answer 1

我认为问题出在返回的 JSON：

{"js_accept_terms":"Du musst unseren A...:"Kontaktname","js_agent_email":"Konta

这应该看起来像这样：

{"js_accept_terms":"Du musst unseren A...:\"Kontaktname","js_agent_email":"Konta

服务器端可能有问题。您的 JSON 编码器不会转义双引号。

Answer 2

好吧，经过更多的研究和 StackOverflow 线程中的一些提示，我现在明白了：

问题是，由于某种原因，jQuery 将 ajax 接收到的数据解释为脚本（javascript） - 必须与 eval() 做一些事情 函数，它将第一个 json 对象解释为脚本，因为它看起来像 / 开头像一个对象实例。

仅当 ajax 调用在网站完全加载之前完成时，才会发生这种情况（就我而言）。好吧，通过 ajax 调用内部一些 $(function() { ... }); 代码，到目前为止没有问题。

技巧是在 php 脚本中的 json 字符串周围添加小括号

$return_value = "(" .json_encode($translation) . ")";

并在接收到 ajax-success 回调后将其

$.ajax({    
    ...,
    success: function(data){
           data = data.substring(1,data.length-1); // for label error reason. getting json in breaktes,, which must be removed again
           var trans = jQuery.parseJSON(data);
          ...

删除关于标签的信息：这里有一些信息