如何在spring中使用带有foreach jstl的ajax更新表值

时间:2016-05-20 10:13:19

标签: spring-mvc

@RequestMapping(value = "/authenticate/ajaxObj", method = RequestMethod.GET)
public @ResponseBody ArrayList<String> ajax_Claims(Model model, 
    @ModelAttribute("CalculatorDO") CalculatorDO calculatorDO)  
    {
        System.out.println("\nAjax Hit the Controller");
        ArrayList<String> clist=new ArrayList<>();

        ArrayList<String> namelist=new ArrayList<>();
        ArrayList<String> classlist=new ArrayList<>();
        ArrayList<String> address=new ArrayList<>();
        namelist=calculatorDO.getNameList();
        classlist=calculatorDO.getNameList();
        address=calculatorDO.getNameList();

        clist.add(namelist);
        clist.add(classlist);
        clist.add(address);

        model.addAttribute("nameList", clist);
        return clist;
    }

这是我的控制器

<table>    
    <thead>        
    <tr>                                                      
          <th>Name</th>
          <th>Class</th>
          <th>address</th>
    </tr>
    </thead>
    <tbody>
      <c:forEach items="${nameList}" var="list">    
       <tr>
        <td><c:out value="${list.namelist}"/></td>      
        <td><c:out value="${list.classlist}" /></td>  
        <td><c:out value="${list.address}"/></td>              
      </tr> 
    </c:forEach> 
  </tbody>
</table>

我的表

 NSDictionary *payload = @{@"foo" : @"bar"};
 NSString *secret = @"your secret key";
 id<JWTAlgorithm> algorithm = [JWTAlgorithmFactory  algorithmByName:@"HS256"];

 [JWTBuilder encodePayload:payload].secret(@"secret").algorithm(algorithm).encode;

我想重新加载表格。

1 个答案:

答案 0 :(得分:1)

<tbody>替换为

<tbody id="ajax-tbody-results">
                </tbody> 

使用jQuery tmpl在表格中填入您的数据(jQuery tmpl

<script id="table-template" type="text/x-jquery-tmpl">
          <tr>  
            <td>${namelist}</td>
            <td>${classlist}</td>

           </tr>
    </script>

      $.ajax({  
             type : "Get",   
             url : url, 
             dataType:'json',
             success : function(response) 
             {  
                 jQuery("#table-template").tmpl(data).appendTo("#ajax-tbody-results");
             },  
             error : function(e) 
             {  
              alert('Error: ' + e); 

             }  
        });