如何删除 jquery json 弹出窗口？ [关闭]答案

【问题标题】：How to remove jquery json popup? [closed]如何删除 jquery json 弹出窗口？ [关闭]
【发布时间】：2012-12-31 09:43:31
【问题描述】：

我要在 html 页面中添加 jquery json 数据的地方。所有 HTML 页面组件都消失了，只在页面左上方显示 json 数据：

$.getJSON('http://api.wipmania.com/jsonp?callback=?', 
    function (data) { 
        document.write('Latitude: ' + data.latitude + '\nLongitude: ' + data.longitude + '\nCountry: ' + data.address.country); 
    }
);

【问题讨论】：

在您遇到问题的地方显示您的代码。
$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) { document.write('Latitude: ' + data.latitude + '\nLongitude: ' + data.longitude + '\nCountry: ' + data.address.country); });
尝试将这些值设置为代码中的某些特定 div 或 span 元素，而不是 document.Write。
提问前请三思。你可能会问礼仪，但每个人都必须知道这一点。去掉减号。
发布document.write() 会将您当前的文档内容替换为您指定的内容。不要那样做。相反，正如其他人所建议的那样，将内容写入单独的现有 DIV 或 SPAN 元素。

标签： javascript jquery json

【解决方案1】：

阅读documentation 为document.write()，我们发现：

将文本字符串写入由以下人员打开的文档流 document.open()。 [...]
正在写入已加载的文档无需调用document.open() 将自动执行 document.open打电话

... 和 documentation for document.open() 说：

document.open() 方法打开一个文档进行写入。 [...]
如果文档存在于目标中，此方法清除它

使用document.write() 注入原始HTML 可能是创建动态文档最烦人的工具。您正在使用 jQuery——利用它的 DOM 操作工具。

【讨论】：