Ajax跨域

最新推荐文章于 2024-10-12 17:05:37 发布

Sahag321

最新推荐文章于 2024-10-12 17:05:37 发布

阅读量435

点赞数 4

分类专栏：面试效率工具箱文章标签： ajax 前端

本文链接：https://blog.csdn.net/Sahag321/article/details/139624475

版权

面试同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

效率工具箱

2 篇文章 0 订阅

订阅专栏

---
categories: 领域
author: 马甲
BeginDate:
tags:
- PARAE/Express
- "#学习/前端语音/AJAX"
moc:
aliases:
profileName: majia
postId: "196"
postType: post
---

# 脑图

# Ajax跨域
## 什么是跨域问题
### 编写测试代码
创建springboot项目
![2019-04-01_22-01.png](https://chevereto.mypicbed.top:11443/images/2020/02/27/2019-04-01_22-01.md.png)

```java
//Controller restapi
package top.majia.cross_domain;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

/**
* majia
* 19-4-1
*/
@RestController
@RequestMapping("/test")
public class TestController {
@GetMapping("/get1")
private ResultBean get1(){
System.out.println("TestController.get1()");
return new ResultBean("get1 ok");
}
}
package top.majia.cross_domain;

/**
* majia
* 19-4-1
*/
public class ResultBean {
private String data;

public ResultBean(String data) {
this.data=data;
}

public String getData() {
return data;
}

public void setData(String data) {
this.data = data;
}
}
```
2. 调用方前台代码
```html
index页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-3.3.1.min.js"/>
</head>

<body>
<a href="#" οnclick="get1()">发出get1()请求</a>
<script>
function get1() {
$.getJSON("http://localhost:8080/test/get1").then(
function (value) { console.log(value) }
);
}
</script>
</body>
</html>