springMVC前后端数据交互

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

<property name="viewResolvers">
   <list>
      
      <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 += ""  + this.id;
                       dateStr += "" + this.name;//拼字符串，将对应的值显示在对应的列上
                   });
                   $("#data").append(dateStr);
               }
           }
       });
   }
script>

4.页面标签

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