共用一个index页面页面渲染异常问题

xiongxiong

index.w下面有若干个不同页面，其中有一个本人详情页，一个是下级详情页，两页面结构是完全一样的，只是ajax传参不一样，
但是很诡异的是他们两个页面互相干扰，数据互相间在影响，这是什么原因了？

xiongxiong

页面不同，就算类一样，也是没有影响的啊，把dom操作的类改变就没那个情况了，希望起步老师能解释下。

liangyongfei

代码怎么写的？？是否调用了公共的js 对象方法呢？？
比如window的某个方法！

如果每个页面中定义的方法调用都是各自的方法！就不会冲突的！！
请问你指的是哪儿冲突了？？什么地方有什么冲突，
代码  现象 结果 都描述清楚些

xiongxiong

                 $.ajax({        type : "POST",
        url : "http://192.168.0.127:8080/Statement?mobile=" + 333,
        dataType : 'text',
        "params" : {

        },
        async : false,
        success : function(data) {
        var ret = JSON.parse(data);
        var html=[];
        var num=0;
        console.log(ret);
        for(var obj in ret){
          if(obj=='datas'){
            var ret2=ret.datas;
            for(var obj2 in ret2){
                if(obj2=='reutslList'){
                    var ret3=ret2.reutslList;
                    for(var k in ret3){
                        // html='<li>''</li>'
                        console.log(ret3[k].divideInto)
                        html.push('<li>'+
                              '<div class="left" >'+ret3[k].userMobile+'</div>'+
                              '<div class="middle" >'+ret3[k].totalFee+'</div>'+
                              '<div  class="right" >'+ret3[k].divideInto+'</div>'+
                             '</li>');
                        // num+=ret3[k].divideInto;
                        num+=Number(ret3[k].divideInto);
                    }
                }
            }
          }
        }
        $('.box>li').remove();
        console.log(html)
        console.log(num)
        $('.x-list-template').append(html);
        $('.getM>span').html(num);
        },
        error : function() {
          alert("请求出错");
        }
      });

xiongxiong

使用的url是一样的，传参mobile值不一样；
  不知道是不是这样改变dom有问题
$('.x-list-template').append(html);
        $('.getM>span').html(num);

liangyongfei

xiongxiong 发表于 2017-5-8 18:37
$.ajax({        type : "POST",
        url : "http://192.168.0.127:8080/Statement?mobile=" ...

x5 开发是单页应用！
如果两个页面定义的class属性是一样的！使用jquery 的类选择器，当然就把单页中所有dom都找到了！当然会出现冲突问题！

在x5获取dom节点应该是通过 this.getElementByXid('xid')
当然回调函数中的写法略有差异：http://docs.wex5.com/wex5-ui-question-list-2160

另外，动态添加dou节点应该参考：http://doc.wex5.com/comp-base/#2.2