Test类
package com.wangchao.controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
/**
* @Auther:WangChao
* @ClassName:TestController
* @Date:Created in 2018/9/8 19:18
* @Despriction:后台代码
* @Modify By:
*/
@RestController
public class TestController {
@RequestMapping("/test")
public String test(String name){
List<String> names = new ArrayList<>();
Collections.addAll(names,"zhangshan","lisi","wangwu");
if (names.contains(name)){
return "no";
}else {
return "yes";
}
}
}
前端代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script>
$(function () {
$("#input1").blur(function () {
var namevalue = this.value;
$.post("/test",{name:namevalue},function (data) {
if ("no"==data){
$("#span1").html("已存在")
}else {
$("#span1").html("恭喜可用")
}
})
})
})
</script>
</head>
<body>
<div><input type="text" id="input1" >用户名</input><span id="span1"></span></div>
</body>
</html>