2011-03-22 50 views
0

我得到无效标签错误,现在我升级了我的jQuery。我读到,新的1.5版本现在对JSON编码更加严格。虽然我使用Zend_Json :: encode(array(“content”=> $ result));对HTML进行编码,所以会这样认为。jQuery 1.5 - JSON错误无效标签

我在手册中看到它已被更新,尽管无法在没有解析错误的情况下使用它。 jQuery JSON Manual

Error: invalid label 
Source File: http://domain.local/register/# 
Line: 0, Column: 1 
Source Code: 
{"content":"<div id=\"captcha_captcha.json\">\r\n<div class=\"input\">\r\n\t<div class=\"text-small\"><input type=\"text\" size=\"12\" name=\"captcha.json[input]\" id=\"captcha_id\" \/><\/div> \r\n\t<img src=\"http:\/\/domain.local\/tmp\/captchas 

这是我的JavaScript代码。

function regenerateCaptcha<?php echo $params["name"]?>(){ 
    captcha_id = "captcha_<?php echo $params["name"]?>"; 

     $.getJSON("/default/captcha/regeneratecaptcha/name/<?php echo $params["name"]?>.json", function(data){ 
       success : pasteCaptcha<?php echo $params["name"]?> 
     }); 
    } 

    function pasteCaptcha<?php echo $params["name"]?>(json){ 
     $("#captcha_<?php echo $params["name"]?> .input").replaceWith(json.content); 
    } 

当我查看该网址的来源:

{"content":"<div id=\"captcha_captcha\">\r\n<div class=\"input\">\r\n\t<div class=\"text-small\"><input type=\"text\" size=\"12\" name=\"captcha[input]\" id=\"captcha_id\" \/><\/div> \r\n\t<img src=\"http:\/\/fantasyolympics.local\/tmp\/captchas\/6498c75d8e3f9b8ed2cbb7a066f962a6.png\" class=\"captcha\" width=\"185\" height=\"36\" \/>\r\n <input type=\"hidden\" name=\"captcha[id]\" value=\"6498c75d8e3f9b8ed2cbb7a066f962a6\" \/> \r\n <a href=\"#\" onclick=\"regenerateCaptchacaptcha();return false;\" class=\"captcha_refresh\" title=\"Try a new code\"><\/a>\t\r\n<\/div>\r\n<\/div>\r\n<script type=\"text\/javascript\">\r\n\tfunction regenerateCaptchacaptcha(){\r\n\t\tcaptcha_id = \"captcha_captcha\";\r\n\r\n\t\t$.getJSON(\"\/default\/captcha\/regeneratecaptcha\/name\/captcha.json\", function(data){\r\n   success : pasteCaptchacaptcha\t });\r\n\t} \r\n\t\r\n\tfunction pasteCaptchacaptcha(json){\r\n\t\t$(\"#captcha_captcha .input\").replaceWith(json.content);\r\n\t}\r\n<\/script>\r\n"} 
+1

我不完全确定是什么问题,但http://stackoverflow.com/questions/1230897/using-jquery-to-get-json-data-returns-invalid-label-error是一个相关的问题。此外,由于您正在传输JSON编码的HTML而不是数据,因此您也可以切换为纯HTML,而不会遇到编码问题。 – Daff 2011-03-22 17:22:20

回答

1

我刚才解决了类似的问题。

jQuery抛出无效标签错误的原因是它期望服务以JSONP格式而不是JSON格式进行响应。如果您的服务以JSON格式响应,您将收到此错误消息。

解决方法是对服务进行异步调用,然后使用jQuery.parseJSON解析结果。要调用JSON格式的响应服务代码应该是这个样子:

function createRequest() { 
     try { return new XMLHttpRequest(); } catch(e) {} 
     try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {} 
     alert("XMLHttpRequest not supported"); 
     return null; 
    } 

    var request = createRequest(); 
    request.open(“GET”, HTTP://URL.of.service.to.call, true); 
    request.onreadystatechange = callback; 
    request.send(null); 

    function callback() { 
     if(request.readyState != 4) { return } 
     ObjectYouWant = $.parseJSON(request.responseText); 
    } 

我通过适应于AjaxPatterns.org发现代码得到这个解决方案在我的应用程序工作和jQuery.com

1

有这个问题时,我从几个版本升级jquery回来。

我正在使用jquery表单插件,所以我没有直接控制解码json字符串。

我发现这个问题是相关的jquery 1.5,使用1.4.4(和形式插件v2.73),而不是它通过罚款。