js fetch发送数组
时间: 2023-11-03 16:04:37 浏览: 36
可以通过设置fetch请求的请求体(body)来发送数组。下面是一个例子:
```javascript
const data = [1, 2, 3, 4, 5];
const options = {
method: 'POST',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/json'
}
};
fetch('/api/data', options)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
在上面的例子中,我们使用了POST方法发送一个数组到`/api/data`的接口。我们把数组通过`JSON.stringify()`方法转换成JSON字符串,并设置请求头的Content-Type为application/json。在服务器端接收到这个请求之后,我们可以通过解析请求体来得到这个数组。
当然,你也可以使用其他的方法来发送数组,比如使用GET方法把数组作为查询参数发送,或者使用FormData对象来发送数组等。
相关问题
js怎么把json数组发送出去
你可以使用XMLHttpRequest对象或fetch API来发送JSON数组。首先,将JSON数组转换为字符串,然后将其作为请求体发送。以下是一个使用XMLHttpRequest对象发送JSON数组的示例代码:
```
var data = [{name: "John", age: 30}, {name: "Jane", age: 25}];
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/api");
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.send(JSON.stringify(data));
```
这将发送一个POST请求到"http://example.com/api",请求体为JSON数组的字符串表示。
如果你使用fetch API,代码将类似于以下示例:
```
var data = [{name: "John", age: 30}, {name: "Jane", age: 25}];
fetch("http://example.com/api", {
method: "POST",
headers: {
"Content-Type": "application/json;charset=UTF-8"
},
body: JSON.stringify(data)
});
```
这将发送一个POST请求到"http://example.com/api",请求体为JSON数组的字符串表示。
python 如何接受前端发送的数组
在前端中,可以使用 `XMLHttpRequest` 或 `fetch` 进行数据的传输。在后端中,可以使用 Python 的 `Flask` 或 `Django` 等框架来接收前端发送的数据。
以下是使用 Flask 框架接收前端发送的数组的示例代码:
```python
from flask import Flask, request
app = Flask(__name__)
@app.route('/data', methods=['POST'])
def receive_data():
data = request.json['data'] # 获取前端发送的数据
print(data) # 在后端打印接收到的数据
return 'Data received' # 返回响应
if __name__ == '__main__':
app.run()
```
在前端发送数据时,可以使用以下代码:
```javascript
const data = [1, 2, 3, 4, 5];
fetch('/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ data })
})
.then(response => response.text())
.then(console.log);
```
在上述示例中,前端使用 `fetch` 方法向 `/data` 路由发送 POST 请求,并将数组 `data` 作为 JSON 格式的请求体发送。在后端,使用 Flask 的 `request` 对象获取请求体,并通过 `json` 字典的键值对来获取前端发送的数组数据。