ajax简单例子（需要springboot框架maven项目构建）

最近在做springboot学习，相关的项目建立步骤可以看这个链接

https://www.cnblogs.com/junyang/p/8151802.html

这边建立好的项目结构是这样的：

 

 

这里就是记录一下自己写的一个小例子来巩固基础的ajax学习。

 

首先先引入相关的JS，ajax需要引入jqurey，那就引入你的项目中，一般在static下，放哪看个人喜欢：

开始贴代码前先排个坑，之前js死活引用不上，总是提示404，所以需要自己加映射，写在WebConfig里：

 

@Configuration
@EnableWebMvc
@ComponentScan
public class WebConfig extends WebMvcConfigurerAdapter implements ApplicationContextAware{
	private ApplicationContext applicationContext;

    public WebConfig(){
        super();
    }

    @Override
    public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
        this.applicationContext = applicationContext;
    } 
	@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX+"/static/");
        registry.addResourceHandler("/templates/**").addResourceLocations(ResourceUtils.CLASSPATH_URL_PREFIX+"/templates/");
        super.addResourceHandlers(registry);  
    }

}

好了，接下来就是写html和controller了。

我这里叫testFile.html，在body里加上：

*用户名不能使用含有数字1或2或3

 

Controller:

@Controller
@RequestMapping("/test")
public class testController {
	protected final static Logger logger = LoggerFactory.getLogger(testController.class);
	@GetMapping("/testFile")
    public String testFile() {
        return "/ceshi/testFile";
    }
	
	@RequestMapping("/testUser")
	@ResponseBody
    public String testUser(@RequestBody String m) {
		String textContains = "";
		try {
			if(m.contains("1")) {
				textContains += "1 ";
				String[] s1 = m.split("1");
				textContains += formatContains(s1,"1");
			}else if(m.contains("2")) {
				textContains += "2 ";
				String[] s2 = m.split("2");
				textContains += formatContains(s2,"2");
			}else if(m.contains("3")) {
				textContains += "3 ";
			}else {
				textContains = "OK";
			}
		}catch(Exception e) {
			e.printStackTrace();
			logger.info(e.getMessage());
			textContains = "ERROR";
		}
		return textContains;
    }
	
	private String formatContains(String[] strings, String num) {
		// TODO Auto-generated method stub
		String containString = "";
		if(strings.length == 0) {
			return containString;
		}else{
			switch(num) {
			case "1":
				boolean isHaveTwo = false;
				boolean isHaveThree = false;
				for(int i = 0;i	protected final static Logger logger = LoggerFactory.getLogger(testController.class);
	@GetMapping("/testFile")
    public String testFile() {
        return "/ceshi/testFile";
    }
	
	@RequestMapping("/testUser")
	@ResponseBody
    public String testUser(@RequestBody String m) {
		String textContains = "";
		try {
			if(m.contains("1")) {
				textContains += "1 ";
				String[] s1 = m.split("1");
				textContains += formatContains(s1,"1");
			}else if(m.contains("2")) {
				textContains += "2 ";
				String[] s2 = m.split("2");
				textContains += formatContains(s2,"2");
			}else if(m.contains("3")) {
				textContains += "3 ";
			}else {
				textContains = "OK";
			}
		}catch(Exception e) {
			e.printStackTrace();
			logger.info(e.getMessage());
			textContains = "ERROR";
		}
		return textContains;
    }
	
	private String formatContains(String[] strings, String num) {
		// TODO Auto-generated method stub
		String containString = "";
		if(strings.length == 0) {
			return containString;
		}else{
			switch(num) {
			case "1":
				boolean isHaveTwo = false;
				boolean isHaveThree = false;
				for(int i = 0;i 
  
算法不是很好，只是例子而已，也可以参考这个链接的例子：https://blog.csdn.net/oppo5630/article/details/52093898