httpPost - POST 请求
优质
小牛编辑
138浏览
2023-12-01
对传递的 URL 发出一个 POST
请求。
使用 XMLHttpRequest
web api 对给定的url
发出一个 post
请求。 用 setRequestHeader
方法设置 HTTP
请求头的值。 通过调用给定的 callback
和 responseText
来处理 onload
事件。 通过运行提供的 err
函数,处理onerror
事件。 省略第三个参数 data
,不发送数据到提供的 url
。 省略第四个参数 err
,默认将错误记录到控制台的 error
流。
const httpPost = (url, callback, data = null, err = console.error) => { const request = new XMLHttpRequest(); request.open('POST', url, true); request.setRequestHeader('Content-type', 'application/json; charset=utf-8'); request.onload = () => callback(request.responseText); request.onerror = () => err(request); request.send(data); };
const newPost = { userId: 1, id: 1337, title: 'Foo', body: 'bar bar bar' }; const data = JSON.stringify(newPost); httpPost( 'https://jsonplaceholder.typicode.com/posts', console.log, data ); /* Logs: { "userId": 1, "id": 1337, "title": "Foo", "body": "bar bar bar" } */