vue がバックエンドと対話する方法

vue およびバックエンドと対話する方法: 1. [$http.get()] メソッドを使用して対話を実現します; 2. [$http.post()] メソッドを使用して対話を実現します; 3 . [$http .jsonp()] メソッドを使用して対話を実現します。

Vue.js (/vjuː/ と発音、ビューに似ています) は、データ駆動型の Web インターフェイスを構築するための進歩的なフレームワークです。 Vue.js の目標は、可能な限りシンプルな API を使用して、応答性の高いデータ バインディングと合成ビュー コンポーネントを有効にすることです。簡単に始められるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。

vue.js のフロントエンドとバックエンドの相互作用を実現するにはどうすればよいですか?

1. $http.get() メソッドを使用します

通常のテキスト データを取得します

this.$http.get('a.txt').then(function(res){
    alert(res.data);
},function(res){
    alert(res.status);
});

データをサーバーに送信します(これは、送信するデータである 2 番目のパラメーター {a:1, b:2} を get メソッドに渡す必要があります)

this.$http.get('a.php', {
    a: 1,
    b: 2
}).then(function(res) {
    alert(res.data);
}, function(res) {
    alert(res.status);
});

2. $http.post( ) メソッド

この時点で、3 番目のパラメータ {emulateJSON: true} をポスト メソッド

this.$http.post('a.php', {
    a: 1,
    b: 2
}, {
    emulateJSON: true
}).then(function(res) {
    alert(res.data);
}, function(res) {
    alert(res.status);
});

3 に渡す必要があります。 $http.jsonp( ) メソッド

360 検索インターフェイスにアクセス

this.$http.jsonp('https://sug.so.360.cn/suggest', {
    params: {
        word: 'a'
    }
}).then(function(res) {
    alert(res.data.s);
}, function(res) {
    alert(res.status);
});

baidu 検索インターフェイスにアクセス

this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
    params: {
        wd: 'a'
    },
    jsonp: 'cb'
}).then(function(res) {
    alert(res.data.s);
}, function(res) {
    alert(res.status);
});

以上がvue がバックエンドと対話する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。