springMVC后端返回数据到前端
2021-02-10 07:20
阅读:599
YPE HTML>
标签:odi style 前端 ppi starting dex 利用 cas type
1.返回ModelAndView对象(.jsp)
controller代码:
package controller; import java.util.List; import javax.annotation.Resource; import model.Comment; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.stereotype.Service; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView; import service.CommentService; @Controller //@RequestMapping("comment") public class CommentController { @Resource private CommentService commentService; @RequestMapping(value="showComments") public ModelAndView test(){ ModelAndView mav = new ModelAndView(); Listcomments = commentService.selectAllComment(); for(Comment com:comments){ System.out.println(com.getC_text()); } mav.addObject("msg",comments); mav.setViewName("textIndex.jsp"); return mav; } }
jsp页面代码
"java" import="java.util.*" pageEncoding="UTF-8"%> String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> "http://java.sun.com/jsp/jstl/core" prefix="c" %> span>"-//W3C//DTD HTML 4.01 Transitional//EN">base href="">My JSP ‘index.jsp‘ starting page "pragma" content="no-cache"> "cache-control" content="no-cache"> "expires" content="0"> "keywords" content="keyword1,keyword2,keyword3"> "description" content="This is my page">"${msg}" var="com"> ${com.getUid()}:${com.getC_text()}:${com.getC_date()}
2.返回JSON数据到html页面
利用ajax接收数据
ajax({ method:‘post‘, url:‘http://localhost:8080/graduate/showComments.do‘, data:‘null‘, success:function(response){ console.log(response); } })
controller
@Controller //@RequestMapping("comment") public class CommentController { @Resource private CommentService commentService; @RequestMapping(value="showComments") @ResponseBody public Listtest(){ List comments = commentService.selectAllComment(); for(Comment com:comments){ System.out.println(com.getC_text()); } return comments; } }
3.顺便记录一下原生ajax,方便以后使用
function ajax(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || ‘POST‘; opt.url = opt.url || ‘‘; opt.async = opt.async || true; opt.data = opt.data || null; opt.success = opt.success || function () {}; var xmlHttp = null; if (XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject(‘Microsoft.XMLHTTP‘); }var params = []; for (var key in opt.data){ params.push(key + ‘=‘ + opt.data[key]); } var postData = params.join(‘&‘); if (opt.method.toUpperCase() === ‘POST‘) { xmlHttp.open(opt.method, opt.url, opt.async); xmlHttp.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded;charset=utf-8‘); xmlHttp.send(postData); } else if (opt.method.toUpperCase() === ‘GET‘) { xmlHttp.open(opt.method, opt.url + ‘?‘ + postData, opt.async); xmlHttp.send(null); } xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { opt.success(JSON.parse(xmlHttp.responseText)); } }; }
springMVC后端返回数据到前端
标签:odi style 前端 ppi starting dex 利用 cas type
原文地址:https://www.cnblogs.com/Rong-Xiu/p/12742494.html
文章来自:搜素材网的编程语言模块,转载请注明文章出处。
文章标题:springMVC后端返回数据到前端
文章链接:http://soscw.com/index.php/essay/53470.html
文章标题:springMVC后端返回数据到前端
文章链接:http://soscw.com/index.php/essay/53470.html
评论
亲,登录后才可以留言!