Vueの中でAJAXリクエストで発売11、

ヴュー・リソース達成GET、POST、JSONPリクエスト

VUEとVueのリソースは、高度に統合されたサードパーティ製のパッケージであります

アヤックスの外に送信された要求は、別のもありaxiosサードパーティ製のパッケージが要求されたデータを実装しています。

最初のステップは、Vueの-reourceをダウンロード

ヴューリソースヴューに導入する第二工程

第3のステップは、アクセス要求を作成することです

取得する

ボタンのトリガイベントを使用して、

getInfo() {//发起get请求
    this.$http.get('http://vue.studyit.io/api/getlunbo').then(function (result) {
        console.log(result.body)
    })
}

get要求リターン結果は、結果セットであり、結果セットを出力することにより取得することができます

しかし、この一見使用できないアドレスは、サーバから返されたデータによって結果を得ます

役職

postInfo() {//发起get请求
    // this.$http.post('http://vue.studyit.io/api/post',{},{}).then(function (result) {
    //     console.log(result.body)
    // })
    this.$http.post('http://vue.studyit.io/api/post',{},{}).then(result=> {
        console.log(result.body)
    })
}
//发起post请求，application/x-www-form-unlencoded
//手动发起的post请求是没有表单格式的，所以，有些服务器处理不了
//所以需要在第三个参数里面传入emulateJSON:true，将提交的数据类型转换成普通表单的数据格式

{}サーバへの最初の着信データであります

JSONP

jsonpInfo(){
    this.$http.jsonp('http://vue.studyit.io/api/post').then(result=>{
        console.log(result.body)
    })
}

JSONPリクエストは、仮想サーバ要求モードを設定する "「」「」継続する必要があります