zoukankan      html  css  js  c++  java
  • SSM框架中前台和后台数据交互详细流程(最新,最简易)

    先来说说大致流程:
    1在js页面通过json将数据变为字符串
    2通过jquery+ajax将数据发送到服务器
    3通过@RequestMapping注解将数据映射到web层的对应处理器Controller方法中,处理之后,在将数据返回到前台页面;

    通过模拟一个校验用户名是否存在的例子
    1、在js页面通过json将数据变为字符串

    //创建json对象,并将json对象通过stringify转化为字符串
    var text={"username":"abc"};
    var demo=JSON.stringify(text);

    2、通过jquery+ajax将数据发送到服务器

    $.ajax({
    //请求地址
    url:"/webapp/chen/userRegist",
    //是否缓存该请求页面
    cache:true,
    //请求方式
    type:post,
    //设置向服务器发送的数据类型
    contentType:"application/json",
    //向服务器发送请求处理的数据
    data:demo,
    //服务器返回的数据类型
    dataType:"json",
    //对请求成功之后的数据进行操作
    success:function(data){
    if(data==null){
    alert("该用户名不存在");
    }
    alert("该用户存在")});

    3、通过@RequestMapping注解将数据映射到web层的对应处理器Controller方法中,处理之后,在将数据返回到前台页面

    //通过注解,将该请求映射到对应的处理器上
    @RequestMapping(value="/userRegist")
    @ResponseBody
    public User checkUserRegist(@RequestBody User user){
    if(user.getUsername!=null){
    user=userService.findByName(user.getUsername());
    }
    return user;
    }

  • 相关阅读:
    spring杂谈
    mysql
    java集合
    java
    mysql数据库面试题
    replace替换
    移动端拨打电话
    react 获取自定义属性、value等值
    react 框架 安装与梳理
    h5在ios端 input/textarea 输入不了
  • 原文地址:https://www.cnblogs.com/masterhxh/p/13389067.html
Copyright © 2011-2022 走看看