mirror of
https://github.com/tenrok/axios.git
synced 2026-05-30 15:24:11 +03:00
178 lines
3.7 KiB
Markdown
178 lines
3.7 KiB
Markdown
# axios [](https://travis-ci.org/mzabriskie/axios)
|
|
|
|
Lightweight Promise based XHR library
|
|
|
|
## Example
|
|
|
|
Performing a `GET` request
|
|
|
|
```js
|
|
// Make a request for a user with a given ID
|
|
axios.get('/user?ID=12345')
|
|
.then(function (response) {
|
|
console.log(response);
|
|
})
|
|
|
|
// Optionally the request above could also be done as
|
|
axios.get('/user', {
|
|
params: {
|
|
ID: 12345
|
|
}
|
|
})
|
|
.then(function (response) {
|
|
console.log(response);
|
|
})
|
|
```
|
|
|
|
Performing a `POST` request
|
|
|
|
```js
|
|
axios.post('/user', {
|
|
firstName: 'Fred',
|
|
lastName: 'Flintstone'
|
|
})
|
|
.then(function (response) {
|
|
console.log(response);
|
|
})
|
|
```
|
|
|
|
Aliases are provided for success and error
|
|
|
|
```js
|
|
axios.get('/user/12345')
|
|
.success(function () {
|
|
console.log('user found');
|
|
})
|
|
.error(function () {
|
|
console.log('error finding user');
|
|
});
|
|
```
|
|
|
|
## Request API
|
|
|
|
Requests can be made by passing the relevant config to `axios`.
|
|
|
|
##### axios(config)
|
|
|
|
```js
|
|
axios({
|
|
url: '/user/12345',
|
|
method: 'get'
|
|
});
|
|
```
|
|
|
|
### Request method aliases
|
|
|
|
For convenience aliases have been provided for all supported request methods.
|
|
|
|
##### axios.get(url[, config])
|
|
##### axios.delete(url[, config])
|
|
##### axios.head(url[, config])
|
|
##### axios.post(url[, data[, config]])
|
|
##### axios.put(url[, data[, config]])
|
|
##### axios.patch(url[, data[, config]])
|
|
|
|
###### NOTE
|
|
When using the alias methods `url`, `method`, and `data` properties don't need to be specified in config.
|
|
|
|
### Config
|
|
|
|
```js
|
|
{
|
|
// `url` is the server URL that will be used for the request
|
|
url: '/user',
|
|
|
|
// `method` is the request method to be used when making the request
|
|
method: 'get',
|
|
|
|
// `transformRequest` allows changes to the request data before it is sent to the server
|
|
// This is only applicable for request methods 'PUT', 'POST', and 'PATCH'
|
|
transformRequest: [function (data) {
|
|
// Do whatever you want to transform the data
|
|
|
|
return data;
|
|
}],
|
|
|
|
// `transformResponse` allows changes to the response data to be made before
|
|
// it is passed to the success/error handlers
|
|
transformResponse: [function (data) {
|
|
// Do whatever you want to transform the data
|
|
|
|
return data;
|
|
}],
|
|
|
|
// `headers` are custom headers to be sent
|
|
headers: {'X-Requested-With': 'XMLHttpRequest'},
|
|
|
|
// `param` are the URL parameters to be sent with the request
|
|
params: {
|
|
ID: 12345
|
|
},
|
|
|
|
// `data` is the data to be sent as the request body
|
|
// Only applicable for request methods 'PUT', 'POST', and 'PATCH'
|
|
data: {
|
|
firstName: 'Fred'
|
|
},
|
|
|
|
// `withCredentials` indicates whether or not cross-site Access-Control requests
|
|
// should be made using credentials
|
|
withCredentials: false, // default
|
|
|
|
// `responseType` indicates the type of data that the server will responsd with
|
|
// config are 'arraybuffer', 'blob', 'document', 'json', 'text'
|
|
responseType: 'json', // default
|
|
|
|
// `xsrfCookieName` is the name of the cookie to use as a value for xsrf token
|
|
xsrfCookieName: 'XSRF-TOKEN', // default
|
|
|
|
// `xsrfHeaderName` is the name of the http header that carries the xsrf token value
|
|
xsrfHeaderName: 'X-XSRF-TOKEN' // default
|
|
}
|
|
```
|
|
|
|
## Response API
|
|
|
|
For either `success` or `error`, the following response will be provided.
|
|
|
|
```js
|
|
{
|
|
// `data` is the response that was provided by the server
|
|
data: {/*...*/} ,
|
|
|
|
// `status` is the HTTP status code from the server response
|
|
status: 200,
|
|
|
|
// `headers` the headers that the server responded with
|
|
headers: {/*...*/},
|
|
|
|
// `config` is the config that were provided to `axios` for the request
|
|
config: {/*...*/}
|
|
}
|
|
```
|
|
|
|
## Installing
|
|
|
|
Using bower:
|
|
|
|
```bash
|
|
$ bower install axios
|
|
```
|
|
|
|
Using npm:
|
|
|
|
```bash
|
|
$ npm install axios
|
|
```
|
|
|
|
## Compatability
|
|
|
|
Tested to work with >=IE8, Chrome, Firefox, Safari, and Opera.
|
|
|
|
## Attribution
|
|
|
|
axios is heavily inspired by Angular's $http service.
|
|
|
|
## License
|
|
|
|
MIT |