ホームページ  >  記事  >  ウェブフロントエンド  >  axios の get メソッドと post メソッドの簡単な紹介

axios の get メソッドと post メソッドの簡単な紹介

零下一度
零下一度オリジナル
2017-06-27 15:23:251774ブラウズ

以下のエディターでは、axios の get メソッドと post メソッドについて簡単に説明します。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。エディターをフォローして見てみましょう

vue と nodejs を学習するプロセスには、axios が含まれます。今日のテストでは、ノード サーバーと対話するための 2 つのメソッド、get と post を作成しました。長くなったので、ここに記録し、同時に共有します axios の初心者なので、テストメソッドでは非常に簡単なことを書きましたが、基本的な機能を実現できますので、ご指導をお待ちしております...

//GET方法

axios.get(url, {
  params: { 'key': 'value' }
}).then(function (response) {
  alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));
}).catch(function (error) {
  alert(error);
});

//对应服务端获取数据 

const urlModule = require('url');
let params = urlModule.parse(request.url, true).query;//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值
 

//POST方法

var params = new URLSearchParams();
params.append('key', 'value');
axios.post(url, params).then(function (response) {
  alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));
}).catch(function (error) {
  alert(error);
});

//对应服务端获取数据

const queryStringModule = require('querystring');
let postData = '';
request.on('data', function (chunk) {
  postData += chunk;//接收数据
});
let params = queryStringModule.parse(postData);//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值

この書き方はおそらく比較的簡単な実装なので、他の人にも役立つと思いますし、専門家にアドバイスをいただければ幸いです。

以上がaxios の get メソッドと post メソッドの簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。