SpringMVC配合EL表达式以及AJAX实现局部刷新

现在项目使用的是SpringMVC,前台通过EL表达式取值展现,现在前台页面点击查询按钮时需要异步刷新列表内容。传统方式就是拼接HTML返回,无论是后台返回和前台拼接方式都不是很好,标签如果过多排错,修改都很麻烦。可以采用如下的方式进行动态刷新:

如下是需要展现以及后台SpringMVC返回的JSP页面:


  
  
    
    
    
    
    
    
  
  
  
  
    
      
      
      
      
      
      
    
  
  
全选姓名电话参与次数消费金额
${t.name}${t.phone}${t.applyCount}¥0

想要实现AJAX请求后动态刷新列表页面,可以将TABLE放到一个新的JSP的body中,然后在原来的JSP的TABLE上方套一层DIV,当发送AJAX请求到后台,后台组装好数据后返回新的JSP,在AJAX中可以取得DIV然后HTML即可

以下为JS发送AJAX请求:

$.ajax({
    type: 'GET',
    url:  url,
    dataType: "html",
    cache:false,
    success: function(data){
        $('#flushDIV').html(data);
    },
    error : function(data){
    }
});


你可能感兴趣的:(JavaEE)