Spring Boot(day08)

Ajax 基本业务实现

基本业务描述

构建ajax-02页面,首先,在文本框中注册焦点事件,基于焦点事件判断输入内容是否存在.其次点击save按钮时,将用户内容异步提交到服务器端.

服务端关键代码实现

在服务端AjaxConotroller中添加如下代码,处理客户端请求:

 private List names=new ArrayList();//假设这是存储数据的表
 /**通过此方法校验名字是否存在*/
 @RequestMapping("doCheck")
 @ResponseBody
 public String doCheck(String name) {
if(names.contains(name))
return "名字"+name+"已经存在,请选择其它名字";
return "名字"+name+"不存在,可以注册";
 }

 /**将客户端请求数据写入到names对应的集合*/
 @RequestMapping("doSave")
 @ResponseBody
 public String doSave(String name) {
 System.out.println("name="+name);
 names.add(name);
 return "save ok";
 }

客户端关键代码实现

构建ajax-02页面,然后添加关键元素.

第一步:html关键表单元素设计

The Ajax 02 Page

 
Ajax 表单请求
 

 
 
 
 

第二步:添加JS关键业务代码