javascript - vuejs 利用ajax與后臺(tái)進(jìn)行交互
問(wèn)題描述
<p data-page='conversation' id='conversation'>
<p class='conversation'><p class='conversation_title'>{{memcon}}</p><span class='conversation_obj'> <span>任務(wù)執(zhí)行人:</span> <span v-for='peopl in people'>{{peopl}} </span><br /> <span>談話對(duì)象:</span> <span>{{peopleObj}}</span></span><br /><span>談話時(shí)間:</span><span class='conversation_time'>{{memconTime}}</span> </p> <p class='conversation_content'>{{content}}</p> <p class='conversation_img'><span v-if='imgs.length>0' v-for='img in imgs'> <img :src='http://www.baoyu77737.com/wenda/img' alt='' /></span> </p> <p class='comment'><textarea rows='3' placeholder='添加文字點(diǎn)評(píng). . . '></textarea><button>提交</button> </p> <hr /> <p class='mission_read'><span class='left'>已讀</span><span class='right'><span>{{peoples}}</span>人</span><p class='clear'></p><span v-for='(portrai,index) in portrait'> <img :src='http://www.baoyu77737.com/wenda/portrai' alt='' /> <span>{{nickname[index]}}</span></span> </p></p>
module.exports = {
data:function(){return{ memcon:’第二次談話’, memconTime:’2017-06-10’, content:’城鄉(xiāng)社區(qū)是社會(huì)治理的基本單元。城鄉(xiāng)社區(qū)治理事關(guān)黨和國(guó)家大政方針貫徹落實(shí),事關(guān)居民群眾切身利益,事關(guān)城鄉(xiāng)基層和諧穩(wěn)定。為實(shí)現(xiàn)黨領(lǐng)導(dǎo)下的政府治理和社會(huì)調(diào)節(jié)、居民自治良性互動(dòng),全面提升城鄉(xiāng)社區(qū)治理法治化、科學(xué)化、精細(xì)化水平和組織化程度,促進(jìn)城鄉(xiāng)社區(qū)治理體系和治理能力現(xiàn)代化,現(xiàn)就加強(qiáng)和完善城鄉(xiāng)社區(qū)治理提出以下意見?!? imgs:[’../src/imgs/user-center-banner.jpg’,’../src/imgs/user-center-banner2.jpg’], people:[’張三’,’李四’], peopleObj:’王二’, peoples:’2’, portrait:[’../src/imgs/user-center-banner.jpg’,’../src/imgs/user-center-banner2.jpg’], nickname:[’人一’,’人二’]} }}
如何利用ajax與后臺(tái)進(jìn)行數(shù)據(jù)交互
問(wèn)題解答
回答1:用axios,然后
axios.post(url, params:{peoples: this.peoples,nickname: this.nickname})
具體看axios文檔
回答2:你可以寫原生ajax啊。原生寫法詳細(xì)請(qǐng)看:http://www.jianshu.com/p/9b86...或者參考w3cschool
回答3:axios或者vue-resource
回答4:用jQ啊,配合Vue適合小白。
相關(guān)文章:
1. html5 - 微信的wxLocalResource部分機(jī)型為什么不能正確的顯示圖片?2. weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用3. node.js - mongo TTL 數(shù)據(jù)過(guò)期不刪除4. html5 - 頁(yè)面元素使用了rem,gulp-css-spritesmith 插件導(dǎo)出后錯(cuò)位問(wèn)題5. css - The element has no supported sources.???6. html5 - node靜態(tài)資源服務(wù)器設(shè)置了Cache-Control,但瀏覽器從來(lái)不走3047. docker綁定了nginx端口 外部訪問(wèn)不到8. 微信無(wú)法掃描phpqrcode生成的二維碼9. node.js - vue項(xiàng)目在c盤外,npm run dev 出錯(cuò),求指點(diǎn)。10.排行榜docker綁定了nginx端口 外部訪問(wèn)不到 1. node.js - mongo TTL 數(shù)據(jù)過(guò)期不刪除 2. html5 - node靜態(tài)資源服務(wù)器設(shè)置了Cache-Control,但瀏覽器從來(lái)不走304 3. node.js - vue項(xiàng)目在c盤外,npm run dev 出錯(cuò),求指點(diǎn)。 4. css - The element has no supported sources.??? 5. weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用 6. html5 - 微信的wxLocalResource部分機(jī)型為什么不能正確的顯示圖片? 7. 微信無(wú)法掃描phpqrcode生成的二維碼 8. html5 - 頁(yè)面元素使用了rem,gulp-css-spritesmith 插件導(dǎo)出后錯(cuò)位問(wèn)題 9. 關(guān)于layuiadmin中表格按鈕提交問(wèn)題求解?。。?! 10. 為何java不易熱部署 熱門標(biāo)簽