1.我们在使用JSP时,因为它本身不提供像JSF那样局部刷新的机制,所以我们得通过其他方式进行局部刷新。
我们把父页面定义为father.jsp,把需要局部刷新的页面元素写入到son.jsp中,在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的引用仅作用与当前页面。