springMVC前后端数据交互

1.jsp页面，如果直接放在webapp目录下，则可以直接访问页面，如果要用controller层控制，则将jsp放在WEB-INF目录下，并将试图解析ViewResolver的配置改成如下配置：

<property name="viewResolvers">
   <list>
      <!-- view resolver会顺序查找 -->
      <bean id="jspViewResolver"
         class="org.springframework.web.servlet.view.InternalResourceViewResolver">
         <property name="viewClass"
            value="org.springframework.web.servlet.view.JstlView" />
         <property name="prefix" value="/WEB-INF/jsp/" />
         <property name="suffix" value=".jsp" />
      </bean>
   </list>
</property>

2.在controller中可以直接这样映射路径

@RequestMapping(value = "/test", method = { RequestMethod.GET,RequestMethod.POST})
public String test(final HttpServletRequest request, HttpServletResponse response) throws Exception {
    return "test";
}

3.页面加载完之后，加载数据，可以用ready函数去加载数据

$(document).ready(function(){
    test();
});
function test(){
       /*ajax请求，并将数据显示在页面中*/
       $.ajax({
           type: "post",
           url: "/test",
           data:{
           },
           dataType:"text",//返回的是纯文本的json字符串
           success: function(result){
               var resultObj = eval("("+result+")");//将json串按匹配规则转换成对象
               if(resultObj.resCode == 0){
                   var dateStr = "";
                   $.each(resultObj.data, function() {
                       dateStr += "<tr><td>"  + this.id;
                       dateStr += "</td><td>" + this.name;//拼字符串，将对应的值显示在对应的列上
                   });
                   $("#data").append(dateStr);
               }
           }
       });
   }
</script>
4.页面标签

<div>
    <table id="data" BORDER=1 WIDTH=80% height="200" align="center" bordercolor="#000000">
        <tr>
            <th>Id</th>
            <th>name</th>
        </tr>
    </table>
</div>