springMVC前后端数据交互

来源：互联网发布：网络视频下载神器app 编辑：程序博客网时间：2024/04/28 06:48

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>

0 0