跨域請求（1）
阿新 • • 發佈：2018-12-18
1、 域名的解析
右圖中可以發現一個連結分為 協議、域名（一級，二級…）、埠號，路徑組成，其中只要域名或者埠號不同之間的請求都屬於跨域請求
2、跨域請求的解決方法（一）
第一步：編寫html頁面，發出請求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var xhr = new XMLHttpRequest(); xhr.open("get","http://localhost:8080/user/getuserlistbypage?pageNum=1&pageSize=10"); xhr.onreadystatechange= function(){ if(xhr.status==200&xhr.readyState==4){ var text = xhr.responseText; alert(text); } } xhr.send(null); </script> </body> </html>
第二步：在請求的路徑的方法上添加註解 @CrossOrigin
@RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; @RequestMapping("/getuserlistbypage") @CrossOrigin public List<MemberUser> getUserListByPage(int pageNum,int pageSize){ List<MemberUser> userlist = userService.getUserListByPage(pageNum,pageSize); return userlist; }
第三步：執行
執行，請求到了資料
方法二：不好用
