home archives github knives links
tags java javascript html sql ajax
categories
only title title and content
spring笔记
2019-11-12

页面跳转

TODO

参数传递

前端->后端

url参数传递

会伴随页面跳转

访问url:/index?aid=111

@RequestMapping(...)
public String app(@RequestParam(value = "aid", required = false) String aid) {
  ;
}

form表单参数传递

会伴随页面跳转

<form action="...">
  <input name="uid"></input>
</form>
@RequestMapping(...)
public String app(String uid) {
  ;
}

或者

class User {
  String uid;
  public void setUid(String uid) {
    this.uid = uid;
  }
}

@RequestMapping(...)
public String app(User user) {
  String uid = user.uid;
}

ajax参数传递

页面不会跳转

$.ajax({ // 获取用户所有app
  type: "post",
  url: "/action/sign_in",
  data: {
    "uid": uid,
    "password": password
  },
  success: function (get) {
    console.log("signin: " + get);
  }
});
@RequestMapping("/action/sign_in")
public String app(HttpServletRequest request) {
  String uid = request.getParameter("uid");
}

后端->前端

url参数传递

前提要发生页面跳转

@RequestMapping(...)
public String app() {
  return "redirect:/?uid=1";
}
function getRequest() { // 获取url中"?"符后的字串
    var url = location.search;
    var request = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i ++) {
            request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
        return request;
    } else {
        return null;
    }
}

model参数传递

@RequestMapping(...)
public String app(Model model) {
  model.addAttribute("user_name", curUser);
}
<p th:text="${user_name}">原来的文本</p>

ajax参数传递

@RequestMapping(...)
@ResponseBody// 必须要有
public List<...> app() {
  List<...> tmp = new List<...>();
  return tmp;
}
$.ajax({
  type: "post",
  url: "/user/enterprise",
  data: {},
  success: function(get) {
    for (var i = 0; i < get.size(); i ++) {
      console.log(get[i]);
    }
  }
{);

数据库

TODO