spingmvc ajax使用

最新推荐文章于 2022-10-19 20:55:32 发布

则简单

最新推荐文章于 2022-10-19 20:55:32 发布

阅读量221

点赞数

分类专栏： java 文章标签： ajax springmvc java

本文链接：https://blog.csdn.net/csxiewoxiexie/article/details/52901749

版权

java 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、简单数据传输

jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
  $().ready(function(){

      $("#btn01").click(function() {
        var userNumber = $("#userNumber").val();
        if(userNumber.length == 0){
            alert("请输入账号");
        }else{
            alert(userNumber);
            $.post("ajaxUser.do",{userNumber:userNumber},function(data){
                alert(data);
            });
        }
    });




  });
</script>
<title>Insert title here</title>
</head>
<body>
<hr>
账号：<input type="text" id="userNumber" name="userNumber"/>
<input type="button" id="btn01" value="验证"/>
</hr>
</body>
</html>

controller函数

@RequestMapping("/ajaxUser.do")
    public void userNumber(String userNumber, HttpServletResponse response){

        System.out.println(userNumber);

        try {
            //响应
            response.setContentType("text/html");
            response.setCharacterEncoding("utf-8");
            PrintWriter out = response.getWriter();

            if(userNumber.equals("lin")){
                out.println("恭喜，账号可以使用");
            }else{
                out.println("账号错误");
            }

            out.flush();
            out.close();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

二、对象数据传输

jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
  $().ready(function(){

      $("#btn02").click(function() {
            var userId = $("#userId").val();

            alert(userId);
            $.post("ajaxUser2.do",{userId:userId},function(data){
                alert(data.userId + '--' + data.userName + "--"+data.userSex);
            },"json");

        });

  });
</script>
<title>Insert title here</title>
</head>
<body>

<hr>
编号：<input type="text" id="userId" name="userId"/>
<input type="button" id="btn02" value="查询"/>
</hr>

</body>
</html>

controller方法

@RequestMapping(value="/ajaxUser2.do")
    public @ResponseBody UserInfo ajaxUser(Integer userId){

        System.out.println(userId);

        UserInfo user = new UserInfo();
        user.setUserId(userId);
        user.setUserName("张三");
        user.setUserSex("男");   

        return user;
    }

userinfo类

package com.lin.model;

import java.util.Arrays;

public class UserInfo {

    private int userId;
    private String userName;
    private String userSex;
    private String[] userXq;


    public int getUserId() {
        return userId;
    }
    public void setUserId(int userId) {
        this.userId = userId;
    }
    public String getUserName() {
        return userName;
    }
    public void setUserName(String userName) {
        this.userName = userName;
    }
    public String getUserSex() {
        return userSex;
    }
    public void setUserSex(String userSex) {
        this.userSex = userSex;
    }
    public String[] getUserXq() {
        return userXq;
    }
    public void setUserXq(String[] userXq) {
        this.userXq = userXq;
    }
    @Override
    public String toString() {
        return "UserInfo [userId=" + userId + ", userName=" + userName + ", userSex=" + userSex + ", userXq="
                + Arrays.toString(userXq) + "]";
    }


}

则简单

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
spingmvc ajax使用

一、简单用法，获取页面数据jsp页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+":/
复制链接

扫一扫

专栏目录