HTML 代码附加到 JSON 输出可能是由于 Google Docs Chrome 扩展造成的？

Question

在与我的计算机不同的计算机上测试页面时，我注意到某些 Ajax 请求不起作用。查看控制台，我发现 JSON 字符串的末尾有一些 HTML 代码。这似乎与 Google 文档有关。我查了一下，似乎这个代码被附加到每个网页上。但是，如何才能阻止将此代码添加到 JSON 输出中呢？当 jQuery 尝试将其解释为 JSON 时，它显然会引发语法错误。

这段代码被附加到 JSON 输出中：

<div class="ugdv_contextMenu" id="ugdv_myMenu" style="display: none; ">
    <ul id="ugdv_contextMenu">
        <li id="ugdv_menuItem_google_docs">Open in Google Docs Viewer</li>
        <li id="ugdv_menuItem_new_tab">Open link in new tab</li>
        <li id="ugdv_menuItem_new_window">Open link in new window</li>
        <li id="ugdv_menuItem_new_incognito">Open link in new incognito window</li>
        <li class="ugdv_seperator"></li><li id="ugdv_menuItem_download_file">Download file</li>
        <li id="ugdv_menuItem_copy">Copy link address</li>
        <li id="ugdv_menuItem_editpdf">Edit PDF File on PDFescape.com</li>
    </ul>
</div>

那么，有人知道它是什么以及如何摆脱它吗？

谢谢！

Answer 1

虽然我不知道为什么要附加此 HTML，但解决方案应该很简单：不要在 ajax 请求中指定 JSON 作为数据类型。事实上，根本不指定任何类型。只需在成功回调中执行以下操作：

success: function(response){
    var responseArray = response.split('<div');
    var jsonString = response[0];
    var obj = $.parseJSON(jsonString);
}

Answer 2

该问题与 JSON 无关。如果您启用了 Google 文档支持，它似乎仅在 Chrome 中出现。 （这让我发疯，直到我意识到这是 Google 文档上下文菜单 - 好吧，我很慢。直到我启用文档后才显示；在其他浏览器上也不会显示。我花了很长时间进行更改我的ajax成功代码，直到我意识到它超出了我的控制范围。我看到的问题是，如果我尝试附加一个img或链接到一个div，上下文菜单的div会附加到我的文件名的末尾，导致。 html 错误。

例如 给定 $('

').appendTo('#xxx').html(' ; 上下文菜单 div 紧随 .jpg 之后开始。