首页 / JQUERY / JQuery使用Ajax内存溢出问题总结

JQuery使用Ajax内存溢出问题总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery使用Ajax内存溢出问题总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4335字，纯文字阅读大概需要7分钟。

内容图文

最近做一个项目,环境是struts2.3.16,spring3.0,mybatis2.3

当我使用JQuery的ajax方法提交请求返回个对象时,遇到了内存泄露的问题,这个问题困扰了我一个多星期:

开始调用ajax方法,反应比较慢,大概4~5秒之后才会出现效果.

重复几次调用之后,浏览器直接崩溃,系统开始卡,一步一卡...

打开cpu监视情况发现,当调用ajax方法,内存从百分之56直接飞到87..

随之MyEclipse后台爆出java.lang.OutOfMemoryError: PermGen space...

找了N久..在其他人机器上运行结果一样...郁闷~马上要交货, 查阅很多相关文章,最终确定是自己代码问题, 与环境无关,仔细将代码检查了2遍,没有发现任何不符合常规的问题....

突然意识到一个问题, 项目使用的是mybatis框架,在Mybatis中配置resultMap是可以配置关联查询的..而在传递数据是采用Josn格式传递.

使用josn需要注意的一个问题就是一定要避免复合结构数据死循环..

比如班级(Classes),学生(Student)两个类, 在Classes一方有list<Student> students属性,而在Student中有Classes classess属性,

他们直接互相存在对方的引用,当使用josn传递数据,就会出现无限级查询的死循环..所传递的Josn数据也是异常庞大...

对自己项目中,因为使用的struts2做控制器,所以在使用jquery调用ajax时,我是直接通过struts2集成的josn(偷懒),代码如下:

ajax,一个动态级联请求方法:

$(‘#companySelect‘).change(function(){
      var deptId=$(this).val();
      var sendData={‘deptId‘:deptId};//数据 josn格式数据var url="user!searSecondSelect";//地址
      $.ajax({//写法是josn格式的 
          url:url,//地址
          data:sendData,//参数
          type:‘post‘,//设置提交类型
          success:function(data){//请求成功的回调函数var value=‘<option value="0">--请选择部门--</option>‘;
              for(var i=0;i<data.deptlist.length;i++){
                  value+=‘<option value="‘+data.deptlist[i].deptId+‘">‘+data.deptlist[i].deptName+‘</option>‘
              }
              $(‘#deptIdSelect‘).html(value);
          }
      });
});

 

请求方法代码: 通过查询数据库,将结果放入相应的封装好属性中(deptlist). 

            public
             String searSecondSelect(){
       
            this
            .setDeptlist(ds.selectAll(deptId));
       
            return "searchTwoDept";
}

 

struts.xml配置:通过继承json-default包来传递josn数据

            <
            package 
            name
            ="zhanglu"
             namespace
            ="/"
             extends
            ="json-default"
            >
            <
            action 
            name
            ="user"
             class
            ="userAction"
            >
            <
            result 
            name
            ="success"
            >/Permission/user_manage.jsp</result><result name="exits">/Permission/Exits.jsp</result><result name="postInfo" type="json"></result><result name="searchTwoDept" type="json"></result></action></package >

 

整个ajax请求到回调函数,没有任何问题,运行一切ok..

可是在另一个ajax方法中就出现内存溢出,我需要查询一个员工信息对象(employee)返回在页面显示,试过很多的方法, 最终决定换一种josn传递方式,不使用struts2的json-default方式,另一种写法如下:

 

ajax方法.请求一个方法,查询empInfo信息, 其中empAnnexInfos为其他类引用对象

var sendData = { ‘userName‘ : userName};//数据 josn格式数据
var url = "user!searchEmpInfo";//地址
$.ajax({//注意写法是josn格式的  推荐使用ajax  原因是速度快
       url : url,//地址
       data : sendData,//参数
       type : ‘post‘,//设置提交类型
       success : function(data) {//请求成功的回调函数
       　　var emps=eval(data);
       　　$(emps).each(function (i, emp) {
            　　  var empAnn=eval(emp.empAnnexInfos);
             　　　　 $(empAnn).each(function (i, ema){
              　　　　　　var img=‘<img src="‘+ema.empHead+‘" width="120" height="200"/>‘;
             　　　　　　 $(‘#empInfo .images‘).html(img);
      　　　　　　　　 });
       　　　　　　var empInfo=‘姓 名:‘+emp.empName+‘<hr/>联系电话:‘+emp.empMobilePhone+‘<hr/>联系邮箱:‘+emp.empEmail+‘<hr/>家庭住址:‘+emp.empAddress+‘<hr/>目前薪资:‘+emp.empSalary;
       　　　　　　empInfo+=‘<hr/>入职时间‘+emp.emTime;
       　　　　　　$(‘#empInfo .einfo‘).html(empInfo);
         　　});
       }
});

 

action方法:

            public
            void searchEmpInfo() throws Exception{
        String name=this.getUserName().trim();
        this.setEmpInfo(emd.getEmpInfoByEmpNum(name));
        if(empInfo.getEmpAnnexInfos()==null){
            System.out.println("annexinfo is null");
        }
        PrintWriter out=this.getResponse().getWriter();   
        JsonConfig cfg = new JsonConfig();
        JSONArray jsonList=JSONArray.fromObject(empInfo,cfg);
　　　　　System.out.println(jsonList.toString());//输出josn数据字符串
        out.print(jsonList.toString());
    }

如果使用PrintWriter就不需要配置struts.xml

 

最终运行结果,依然是内存溢出,当我吧控制台输出的josn字符串复制到sublimeText中查看时, 出现了一个吓人的结果:

 

密密麻麻N长一片,仔细看,这些乱七八糟的数据,就是Josn..我想这就是内存溢出的真正原因了,虽然employee对象本身并不大,而在EmployeeInfo.java中却引用了其他7个实体类的引用,7个实体类同样引用了EmployeeInfo对象,这下纠结了...毫无疑问直接传递员工对象Josn陷入死循环就是内存溢出的根本原因所在...

网上查了一下能将josn去掉关联的方法:

参考:http://www.2cto.com/kf/201303/198961.html的方法

修改上面的action方法:

            public
            void searchEmpInfo() throws Exception{
        String name=this.getUserName().trim();
        this.setEmpInfo(emd.getEmpInfoByEmpNum(name));
        if(empInfo.getEmpAnnexInfos()==null){
            System.out.println("annexinfo is null");
        }
        PrintWriter out=this.getResponse().getWriter();   
        JsonConfig cfg = new JsonConfig();
        cfg.setExcludes(new String[]{"employeeInfo","borders","workOverTimes","askForLeaveEaas","compacts","goOnErrandses","empBoons","udops","replacingPosts","transferEmps","rewardPunishments","timeBooks","post"});
        JSONArray jsonList=JSONArray.fromObject(empInfo,cfg);
        System.out.println(jsonList.toString());//输出josn数据字符串
                    out.print(jsonList.toString()); 
}

 

这一次查看josn字符串,过滤成功,如图:

 

页面运行效果:

 

内存溢出终于解决.....

该好好睡觉了.... 

原文：http://www.cnblogs.com/zhanglu-cape/p/3814023.html

内容总结

以上是互联网集市为您收集整理的JQuery使用Ajax内存溢出问题总结全部内容，希望文章能够帮你解决JQuery使用Ajax内存溢出问题总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1220262.html

来源：【匿名】