getリクエストメソッド
GETリクエストは、情報を取得するためにデータベースにデータのリクエストを送信します。リクエストは、データベースのselect操作と同じです。これは、データのクエリにのみ使用されます。データを変更または増加することはなく、影響もありません。リソースのコンテンツ、つまりリクエスト副作用はありません。いくつの操作を実行しても、結果は同じです。
サーバ
// 传统的URL
app.get('/axios', (req, res) => {
res.send('axios get 传递参数' + req.query.id)
})
// Restful 的URL
app.get('/axios/:id', (req, res) => {
res.send('axios get(Restful) 传递参数' + req.params.id)
})
app.get('/data', (req, res) => {
res.send('Hello World !')
})
クライアント
axios.get('http://localhost:3000/adata').then(function (ret) {
console.log(ret.data);
});
// 传统URL 只需要
axios.get('http://localhost:3000/axios?id=123').then(function (res) {
console.log(res.data);
});
axios.get('http://localhost:3000/axios/123').then(function (res) {
console.log(res.data);
});
// 传统URL
axios.get('http://localhost:3000/axios', {
params: {
id: 234
}
}).then(function (ret) {
console.log(ret.data);
});
リクエストメソッドの削除
DELETEリクエストは、その名前が示すように、特定のリソースを削除するために使用されます。このリクエストは、データベースの削除操作に似ています。
サーバ
// 传统的URL
app.delete('/axios', (req, res) => {
res.send('axios delete 传递参数' + req.query.id)
})
// Restful 的URL
app.delete('/axios/:id', (req, res) => {
res.send('axios delete(Restful) 传递参数' + req.params.id)
})
クライアント
axios.delete('http://localhost:3000/axios?id=123').then(function (res) {
console.log(res.data);
});
axios.delete('http://localhost:3000/axios/123').then(function (res) {
console.log(res.data);
});
axios.delete('http://localhost:3000/axios', {
params: {
id: 234
}
}).then(function (res) {
console.log(res.data);
});
ポストリクエスト方式
POSTリクエストは、サーバーにデータを送信するという点でPUTリクエストに似ていますが、データベースの挿入操作と同様に、データのタイプやその他のリソースを変更し、新しいコンテンツを作成します。現在、ほとんどすべての送信操作でPOSTリクエストが使用されています。
サーバ
// 传统的URL
app.post('/axios', (req, res) => {
res.send('axios post 传递参数' + req.body.id + '---' + req.body.uname + '---' +
req.body.pwd)
})
// Restful 的URL
app.post('/axios/:id', (req, res) => {
res.send('axios post(Restful) 传递参数' + req.params.id + '---' + req.body.uname + '---' +
req.body.pwd)
})
クライアント
axios.post('http://localhost:3000/axios/111', {
uname: 'kun',
pwd: 123,
}).then(function (res) {
console.log(res.data);
})
// ----------------------------------------------------------------
var params = new URLSearchParams();
params.append('uname', 'ikun');
params.append('pwd', '111');
params.append('id', 99999);
axios.post('http://localhost:3000/axios', params).then(function (res) {
console.log(res.data);
})
putリクエストメソッド
GETとは異なり、PUTリクエストはサーバーにデータを送信して情報を変更します。このリクエストはデータベースの更新操作に似ています。データの内容を変更するために使用されますが、データの種類は増えません。つまり、実行されるPUT操作の数に関係なく、結果に違いはありません。
サーバ
// 传统的URL
app.put('/axios', (req, res) => {
res.send('axios put 传递参数' + req.body.id + '---' + req.body.uname + '---' +
req.body.pwd)
})
// Restful 的URL
app.put('/axios/:id', (req, res) => {
res.send('axios put(Restful) 传递参数' + req.params.id + '---' + req.body.uname + '---' +
req.body.pwd)
})
クライアント
axios.put('http://localhost:3000/axios/123', {
// 传参
uname: 'lisi',
pwd: 123
}).then(ret => {
console.log(ret.data);
})
/* URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。
我们调用new URLSearchParams()会返回一个 URLSearchParams 对象实例 */
var params = new URLSearchParams();
params.append('uname', 'kun');
params.append('pwd', '222');
params.append('id', 222);
axios.put('http://localhost:3000/axios', params)
.then(function (res) {
console.log(res.data);
})
POST、DELETE、PUT、およびGETは、それぞれ
追加に対応します——-削除——-変更-チェック
セルフモチベーション
人生の道で、私たちは常に自分自身をやる気にさせましょう!永遠に!永遠に!