国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Ajax在vue中的封裝及使用

godruoyi / 1747人閱讀

摘要：今天給大家寫一篇關(guān)于在中的應(yīng)用及封裝，有些同學(xué)可能會(huì)有疑問(wèn)，因?yàn)槭煜さ亩贾溃杏泻褪菍ｉT用于交互的，那么豈不是多此一舉嗎其實(shí)不然，有的優(yōu)勢(shì)，并且小編本身對(duì)有著特殊的感情，今天就給大家詳細(xì)詳解在中的應(yīng)用。

今天給大家寫一篇關(guān)于ajax在vue中的應(yīng)用及封裝，有些同學(xué)可能會(huì)有疑問(wèn)，因?yàn)槭煜ue的都知道，vue中有vue-resource和axios是專門用于http交互的，那么ajax豈不是多此一舉嗎？其實(shí)不然，ajax有ajax的優(yōu)勢(shì)，并且小編本身對(duì)ajax有著特殊的感情，今天就給大家詳細(xì)詳解ajax在vue中的應(yīng)用。

首先我們有必要配置一下jQuery，具體配置方法很簡(jiǎn)單，教程如下：

1.安裝jquery 
npm install jquery --save-dev
 
2.build/webpack.base.conf.js中， 
導(dǎo)入：var webpack = require("webpack"); 
最下面添加： 
plugins: [ 
new webpack.ProvidePlugin({ 
$:"jquery", 
jQuery:"jquery", 
"window.jQuery":"jquery" 
}) 
]

如果你還未能配置好jquery的話，可以百度查找最新的教程解決問(wèn)題，當(dāng)然，配置jquery也是因?yàn)榕浜鲜褂胊jax，接下來(lái)我們需要新建一個(gè)js文件，存放的位置如下，當(dāng)然也可以跟我的位置不同，隨意

?

我們新建一個(gè)請(qǐng)求http的方法，叫postvoid

var common = {
    postvoid(url, data, cellback) {
    var token = xxxxxx;
    var username = xxxxxxx;
    $.ajax({
      type: "POST",
      url: this.res_url + url,
      data: data,
      async: true,
      headers: {
        "token": token,
        "username": username
      },
      success: function (res) {
        cellback(res)
      },
      error: function () {
        alert("網(wǎng)絡(luò)錯(cuò)誤")
      }
    })
  }
    
}

module.exports = common
入?yún)⒌膗rl是請(qǐng)求地址，data是請(qǐng)求入?yún)ⅲ琧allback是回調(diào)函數(shù)，用于返回調(diào)用方結(jié)果用 ，ajax的headers是請(qǐng)求頭信息，module.exports = common?是把方法暴露給出去，方便調(diào)用。

下面我們看一下如何調(diào)用這個(gè)文件這個(gè)方法

首先我們?cè)趖est.vue文件中導(dǎo)入http.js文件，并把結(jié)果賦給變量g，方便調(diào)用

 g.post_func("/api/v1/xxx", req_data, function(data) {
        console.log(data);
      });

調(diào)用起來(lái)就很簡(jiǎn)單了，把參數(shù)傳進(jìn)去，打印data就可以了

?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/102235.html

相關(guān)文章

  • Ajax在vue中的封裝及使用

    摘要：今天給大家寫一篇關(guān)于在中的應(yīng)用及封裝，有些同學(xué)可能會(huì)有疑問(wèn)，因?yàn)槭煜さ亩贾溃杏泻褪菍ｉT用于交互的，那么豈不是多此一舉嗎其實(shí)不然，有的優(yōu)勢(shì)，并且小編本身對(duì)有著特殊的感情，今天就給大家詳細(xì)詳解在中的應(yīng)用。 今天給大家寫一篇關(guān)于ajax在vue中的應(yīng)用及封裝，有些同學(xué)可能會(huì)有疑問(wèn)，因?yàn)槭煜ue的都知道，vue中有vue-resource和axios是專門用于http交互的，那么ajax...

    pingink 評(píng)論0 收藏0

  • 前端相關(guān)大雜燴

    摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問(wèn)起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址：Learning React.js is easier than you think 原文作...

    fuyi501 評(píng)論0 收藏0

  • 邁出全棧第一步，vue+node+mysql獨(dú)立完成前后端分離的增刪改查流程

    摘要：本使用創(chuàng)建本地服務(wù)器，在就能完成全部流程，并不需要線上服務(wù)器。路徑要與后端接口一致。后端返回成功后，前端數(shù)據(jù)中對(duì)應(yīng)的元素也要?jiǎng)h掉，更新視圖。控制器里拿一個(gè)方法出來(lái)說(shuō)一下吧，完整的代碼都在。讀取操作完成后調(diào)用釋放連接。 寫在前面 本文只是本人學(xué)習(xí)過(guò)程的一個(gè)記錄，并不是什么非常嚴(yán)謹(jǐn)?shù)慕坛蹋Ｍ痛蠹乙黄鸸餐M(jìn)步。也希望大家能指出我的問(wèn)題。適合有一定基礎(chǔ)，志在全棧的前端初學(xué)者學(xué)習(xí)，從點(diǎn)擊按鈕...

    fsmStudy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<