spring mvc 和ajax异步交互完整实例

 2023-09-15 阅读 15 评论 0

摘要:2019独角兽企业重金招聘Python工程师标准>>> Spring MVC 异步交互demo: 1.jsp页面: <%@pagelanguage="java"contentType="text/html;charset=utf-8"pageEncoding="utf-8"%> <!DOCTYPEhtmlPUBLI

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

Spring MVC 异步交互demo:

1.jsp页面:

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title>Insert title here</title>
<script type="text/javascript">function ajaxTest(){$.ajax({data:"name="+$("#name").val(),type:"GET",dataType: 'json',url:"user/login.do",error:function(data){alert("出错了!!:"+data.msg);},success:function(data){alert("success:"+data.msg);$("#result").html(data.msg) ;}});}
</script>
</head>
<body><input type="text" name="name" id="name"/><input type="submit" value="登录" onclick="ajaxTest();"/><div id="result"></div>
</body>
</html>

spring如何使用ajax、2.controller:

package xm.zjl.controller;import java.io.IOException;
import java.util.HashMap;
import java.util.Map;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;/*** 登录controller* * @author Administrator**/
@Controller
@RequestMapping("/user/*")
public class LoginController {@RequestMapping(value="login.do")public @ResponseBody Map<String,Object> login(HttpServletRequest request,HttpServletResponse response) throws IOException{System.out.println(request.getParameter("name"));Map<String,Object> map = new HashMap<String,Object>();if(request.getParameter("name").equals("123")){System.out.println("城东");map.put("msg", "成功");}else{System.out.println("失败");map.put("msg", "失败");}return map;}}


springmvc实现ajax。转载于:https://my.oschina.net/ydsakyclguozi/blog/476982

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/55767.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息