前端复习总结一

	
		
		
	
	
		

			
				
					用户名：
				
			
			
				
					密码：
				
			
			
				
					
				
			
		
	

package com.example.myajax.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

@Controller
public class TestController {

    @PostMapping("/user")
    @ResponseBody
    public String add(String username,String password){
        System.out.println("返回数据了"+username+"--------"+password);
        String str = "返回值是"+username+password;
        return str;
    }
}

效果：

前端代码：

	
		
		
	
	
		

			
				
					用户名：
				
			
			
				
					密码：
				
			
			
				
					
				
			
		
	
	
	
	

后端代码：

package com.example.myajax.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

@Controller
public class TestController {

    @PostMapping("/user")
    @ResponseBody
    public String add(String username,String password){
        System.out.println("返回数据了"+username+"--------"+password);
        String str = "返回值是"+username+password;
        return str;
    }
}

测试结果;

控制台输出;

 这种错误是因为跨域问题造成的，只需要在Controller加个注解即可解决，最终后端代码：

package com.example.myajax.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

@Controller
@CrossOrigin//解决跨域攻击问题
public class TestController {

    @PostMapping("/user")
    @ResponseBody
    public String add(String username,String password){
        System.out.println("返回数据了"+username+"--------"+password);
        String str = "返回值是"+username+password;
        return str;
    }
}

报错说明：

这种错误很低级，一般都是因为粗心导致的大家一定要好好检查自己的Ajax写法是否正确我这里是因为写法错了 

前端代码：

	
		
		
	
	
		
			

				
					用户名：
						
				
				
					密码：
					
				
				
					
						
					
				
			
		
	
	
	
	
	

后端代码不变，这里需要引入一下jquery文件和easyui文件

效果：

控制台不输入任何内容，是这样的目前也不知道什么原因，有那位大神知道的话欢迎留言！！！

参考文档：form表单提交的几种方式_a1194821568的博客-CSDN博客_form表单提交