JSP局部刷新，子页面中的EasyUI失效问题解决

1.我们在使用JSP时，因为它本身不提供像JSF那样局部刷新的机制，所以我们得通过其他方式进行局部刷新。

我们把父页面定义为father.jsp，把需要局部刷新的页面元素写入到son.hsp中，在father.jsp中定义一个div(sonDiv)，使用ajax，将son.jsp中的内容写入到father.jsp中。

$.ajax({
   type : 'post',
   dataType : 'html',
   url: ***.do,
   data:{
   },
   success: function(result){
      $('#sonDiv').html(result);
   }
});

其中***.do所对应的返回结果为son.jsp的路径。

2.上述内容中father.jsp和son.jsp都使用了EasyUI，对于EasyUI的使用，只是在father.jsp中声明了，结果发现son.jsp中的EasyUI控件都没有起作用。

直接把这些内容append到父页面的话，这时候，easyui已经实例化完毕了，所以里面的easyui的控件失效了。

我们在son.jsp中再次引用jquery.easy.min.js即可。

我当时试过在son.jsp中再加入jquery的引用，结果发现father.jsp中的EasyUI的控件被实例化了两次。

由此可见，jquery和EasyUI的引用方式不一致，jquery不管在子页面还是父页面中引用，都可作用于整个页面；EasyUI的引用仅作用与当前页面。