个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
25
4
我是 JSONP 开发的新手，我发现 IE 7/8 不会清理 JSONP 脚本占用的内存。这会导致我的页面在运行几个小时后内存消耗非常高。
我环顾了 Internet，发现大多数修复都是基于 Neil Fraser 中的提示。 .从博客上说您需要使用如下代码删除脚本中的所有属性
var tmp;
while (tmp = document.getElementById('JSONP')) {
tmp.parentNode.removeChild(tmp);
// this deletion will create error in IE.
for (var prop in tmp) delete tmp[prop];
tmp = null;
}
不幸的是，删除会在 IE 中产生“对象不支持此操作”的错误，并且不会释放内存。
所以我的问题是如何真正释放我的 JSONP 脚本的内存？
我把我的测试代码如下:
测试.html
<html><head></head><body><script>
var script,
head = document.getElementsByTagName('head')[0],
loadCount= 0,
uuid= 1,
URL= "memleaktest.js?uuid=",
clearConsole = function() {
var con= document.getElementById("console");
while (con.childNodes.length)
con.removeChild(con.childNodes[0]);
},
log = function(msg) {
var div= document.createElement("DIV"),
text= document.createTextNode(msg),
con= document.getElementById("console");
div.appendChild(text);
con.appendChild(div);
},
test = { "msg" : null, "data" : null };
var loaded= function() {
if (!test.msg)
return setTimeout(loaded,10);
log("loaded #" + loadCount + ": " + test.msg);
var tmp;
while (tmp = document.getElementById('JSONP')) {
tmp.parentNode.removeChild(tmp);
// not working in IE 7/8
// for (var prop in tmp) delete tmp[prop];
tmp = null;
}
test.msg = test.data = null;
if (--loadCount)
setTimeout(load, 100);
};
var load = function(){
var url= URL + (uuid ++);
log("load via JSONP: "+url);
script= document.createElement('script');
script.id = 'JSONP';
script.type = 'text/javascript';
script.charset = 'utf-8';
script.src = url;
head.appendChild(script);
setTimeout(loaded,1000);
};
</script>
<div>
<button onclick="loadCount=3; load();" name="asd" value="asdas">jsonp load</button>
<button onclick="clearConsole();" name="asd" value="asdas">clear Console</button>
</div>
<div id="console"></div>
</body></html>
内存泄漏测试.js
test.msg = "loaded #"+loadCount;
test.data = "test data with 1MB size";
您可以通过将代码粘贴到两个文件中并打开 Testing.html 来重现内存泄漏。
我使用 Drip 来跟踪泄漏，在 Drip 中你可以看到内存不断增加并且“<"script">”没有被删除。
非常感谢您的帮助!
最佳答案
您的问题已在您链接的博文中得到解答。请参阅最后一段。
As usual IE is the odd browser which requires a special case. IE doesn't like deleting native properties off of DOM nodes. Fortunately this doesn't matter, since IE allows one to reuse script tags. Just change the SRC property and it will fetch the new page immediately. Thus one only needs a single script tag in IE.
提供的代码适用于除 IE 以外的所有浏览器，在 IE 中这不是问题，因为您只需更改脚本标记的 src 属性，它就会重新启动。所以您的代码(仅适用于 IE)将只是:
var script = document.getElementById('JSONP');
if (!script) {
[create it once]
}
script.src = URL + (uuid ++);
关于javascript - 如何在 Internet Explorer 中清理 JSONP 内存，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5244311/
25
4
0
如果可能的话，我想在答案中举一个具体的例子。 为了解释起见，我们这里有三个玩家。 我的服务器 (myserver.com) 客户端服务器 (myclient.com) 客户用户(通过 myclient
我想通过 JSONP 提供 Web 服务，并且想知道是否需要清理回调参数中的值。 我当前的服务器端脚本目前看起来像这样(或多或少。代码在 PHP 中，但实际上可以是任何东西。): header("Co
我有一个每分钟更新一次数据的 Web 服务器，并且希望使该数据可供所有类型的客户端使用。为了减少带宽，我使用 IF-MODIFIED-SINCE 和/或 IF-NONE-MATCH 设置 PHP 脚本
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 7 年前。 Improv
我正在努力使用 vue-resource 发出 JSONP 请求。任何人都可以提供一些工作示例来演示定义 jsonp 回调、处理 Vue 组件中的调用等的正确方法。 谢谢 **编辑:**对于其他人，让
我正在尝试获取 AngularJS 中 rest api 的 JSON 输出。以下是我面临的问题: Rest api url 中有端口号，AngularJS 为变量插入端口号。为此，我尝试了多种解决方
代码: 当我在浏览器中输入网址时，我可以看到所有对象，例如: link 但我似乎无法让它在我的代码中工作，我是否遗漏了什么？ angular.module('ionicApp', ['ionic']
我在连接最近了解 JSONP 的一些点时遇到了麻烦。这是我的理解: 由于同源策略，禁止任何内容(包括 JSON)的跨域 XmlHttpRequests。这可以防止 XSRF。 您可以拥有一个带有返回
我正在使用 JSONP 进行 Ajax 调用以从第三方(与我的站点不同的域)获取 JSON 数据，它在 Chrome 和 Firefox 上工作但在 IE 上失败(9 和 10 是我试过的版本) .在
django rest 框架发行说明声称在 0.3.0 中重新添加了 JSONP 支持。我还在框架中找到了一个 JSONPRenderer 类。但是，我似乎找不到有关如何使用该东西的任何文档.....
我有一个使用 JSONP 的 WCF 服务(托管在 Azure 中)。它在 HTTP 上工作得很好，即，如果它仅接收 JSON，则仅返回 JSON，如果它接收 JSONP，则返回 JSONP。但是，一
有人知道为什么我的ajax失败吗？ 我从这里通过 JSONP 获取数据: JSON Data 您可以使用此代码，并注意“警报”如何永远不会执行: $(document).ready(function(
我正在使用 jaubourg 的 jquery-jsonp module从与我的网站所在的域不同的域中获取数据。我从 jQuery 的 ajax 开始使用这个模块函数不支持 JSONP 请求的错误处理
我有一个使用 Jquery Mobile 制作移动 Web 应用程序的项目。我希望我的应用程序能够使用来自跨域 REST Web 服务的数据。很多人说用JSONP。但我仍然困惑如何使用它以及如何构建支
我正在使用 Angular 的 $http.jsonp() 请求，它成功返回了包含在函数中的 json: var url = "http://public-api.wordpress.com/rest
基于 Please explain JSONP ，我知道可以使用 JSONP 来绕过同源策略。 但是为了做到这一点，页面必须使用 标签。 我知道页面可以动态地发出新的脚本标签，例如: docum
在 jQuery 中使用 JSONP 时是否可能捕获错误？我已经尝试了 $.getJSON 和 $.ajax 方法，但都不会捕获我正在测试的 404 错误。这是我尝试过的方法(请记住，这些都可以成功运
我正在为一个带有嵌入推文的页面使用内容安全策略，我收到了 https://cdn.syndication.twimg.com 的报告。 ，这在我的政策中是不允许的。 这是一个很长的政策，但相关部分
使用 mootools 和 JsonP 我在 Firefox 错误控制台中收到“无效标签”错误 JsonP 似乎可以工作(我正确地获取了数据) {"jsondata":[{"title":"title
JSONP (JSON with Padding) 是 JSON 的一种 使用模式，可以让网页从别的网站那获取数据，即跨域读取数据 为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP
我是一名优秀的程序员,十分优秀！