jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在不破坏CPU的情况下向IE添加大量HTML大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在尝试更多ajax方法来加载页面上的数据,主要是为了避免回发.我可以通过ajax调用轻松获取服务器构造的html,并在 jquery的.append或.replaceWith的帮助下将其添加到dom中非常简单.这两种方法在chrome / firefox中都非常快,但在(7,8,9)非常慢.

$.ajax(
{
    url: url,dataType: 'html',cache: false,success: function (responseHtml)
    {
            //document.getElementById('targetElementId').outerHTML = responseHtml;
            $('#targetElementId').replaceWith(responseHtml);
    }
});

你会从我的代码块中看到,我也试图使用非jquery方法.这两条线在ie中表现得非常糟糕.所以我的问题是,向页面添加大量html的最佳做法是什么,所以它不会粉碎ie?

解决方法

如果可以的话,最好将JSON返回给浏览器,并使用像jQuery tmpl这样的模板插件将json映射到要显示的HTML,因为tmpl会执行一些精彩的缓存,可以加快IE等慢速浏览器的性能.它还使JSON响应变得更快.例:

<script id="template" type="text/x-jquery-tmpl">
    <span class="message">${text}</span>
</script>


<script type="text/javascript">
    $.ajax(
    {
        url: url,dataType: 'json',success: function (data)
        {
             $("#targetElementId").html($("#template").tmpl(data));
        }
    });
</script>

您的JSON响应需要格式化,以便与模板匹配:

{ text: "Blah!" }

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在不破坏CPU的情况下向IE添加大量HTML全部内容,希望文章能够帮你解决jquery – 如何在不破坏CPU的情况下向IE添加大量HTML所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。