ホームページ  >  記事  >  vue がバックエンドと対話する方法

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

anonymity
anonymityオリジナル
2019-05-07 10:05:5930612ブラウズ

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

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

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 サイトの他の関連記事を参照してください。

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