杭州web前端開(kāi)發(fā)培訓(xùn)機(jī)構(gòu)，互聯(lián)網(wǎng)的飛速發(fā)展過(guò)后，后面會(huì)逐漸走向平穩(wěn)，不合格的濫竽充數(shù)的開(kāi)發(fā)者會(huì)逐漸被市場(chǎng)淘汰，一邊是前端開(kāi)發(fā)在未來(lái)有著巨大的發(fā)展前景和優(yōu)勢(shì)，另一邊則是互聯(lián)網(wǎng)企業(yè)日益提高的需求門(mén)檻。那么要怎么學(xué)習(xí)web前端開(kāi)發(fā)呢？web后端和前端是怎么連接的？??。
1.web后端和前端是怎么連接的？
一般來(lái)講，前端不會(huì)給后端接口，而是后端給前端接口的情況比較普遍。一些人可能不理解接口和前端開(kāi)發(fā)的關(guān)系，其實(shí)不合適的接口設(shè)計(jì)會(huì)極大地影響用戶(hù)的頁(yè)面體驗(yàn)。那么今天就跟著杭州Web前端培訓(xùn)小編一起來(lái)看看，前端如何調(diào)用后端接口？有哪幾種方式？首先，要弄清楚前端提供一個(gè)接口或者調(diào)用后臺(tái)接口，那么這個(gè)接口具體指什么？網(wǎng)上用戶(hù)上傳圖片作為頭像這個(gè)需求需要后臺(tái)人員處理，當(dāng)用戶(hù)登錄 修改自己個(gè)人信息的時(shí)候，上傳了頭像。此時(shí)，后臺(tái)處理該用戶(hù)update個(gè)人信息，將該圖片存入數(shù)據(jù)庫(kù)，一般存的都是圖片地址，string形式的數(shù)據(jù)。然后，要返回到前臺(tái)的時(shí)候，后臺(tái)人員需要對(duì)這些用戶(hù)的個(gè)人信息進(jìn)行處理，不只是頭像，還有一些別的信息。后臺(tái)通過(guò)語(yǔ)言編譯，生成json格式的鍵值對(duì)（一般是json 還有xml txt 等數(shù)據(jù)格式）。生成一個(gè)地址也就是url，前臺(tái)人員利用ajax，將返回的data顯示到頁(yè)面就好了。大體上來(lái)講，接口一般指的是HTTP接口，也可以說(shuō)是HTTP API。接口由后端提供，前端調(diào)用后端接口以獲取后端數(shù)據(jù)。而且接口由URL和HTTP方法構(gòu)成，URL為接口的地址，HTTP方法指的是GET, PUT, DELETE等等。前端調(diào)用后端接口無(wú)外乎六種方法，如下：1、打開(kāi)vs，創(chuàng)建空的asp.net mvc演示項(xiàng)目【W(wǎng)ebMVC】（1）依次點(diǎn)擊【文件】->【新建】->【項(xiàng)目】；（2）在【新建項(xiàng)目】界面選擇【W(wǎng)eb】->【ASP.NET Web 應(yīng)用程序(.NET Framework)】，輸入名稱(chēng)，選擇框架至少4.5版本，點(diǎn)擊【確定】按鈕；（3）選擇【空】->【MVC】->【確定】 ；（4）創(chuàng)建好了項(xiàng)目。2、在項(xiàng)目中（1）在文件夾上點(diǎn)擊鼠標(biāo)右鍵，依次選擇【添加】->【控制器】，即可完成的創(chuàng)建；（2）在的Index方法內(nèi)，點(diǎn)擊鼠標(biāo)右鍵，選擇【添加視圖】；（3）在項(xiàng)目中添加文件夾【Content】并添加jquery源文件；（4）在Index頁(yè)面添加jquery的引用。3、在Index頁(yè)面中添加一個(gè)輸入文本框，一個(gè)按鈕，以及顯示結(jié)果的dom。4、在中添加新的方法，用于接收前臺(tái)傳入的參數(shù)，組裝后返回。5、在Index頁(yè)面，添加Jquery的ajax方式，調(diào)用后臺(tái)接口，返回結(jié)果的處理代碼。6、在vs中，按F5調(diào)試運(yùn)行結(jié)果，如下：（1）在文本框中輸入內(nèi)容；（2）點(diǎn)擊按鈕，調(diào)用接口，并將返回值顯示在界面；（3）如果要提交大量數(shù)據(jù)，或者敏感數(shù)據(jù)，請(qǐng)修改ajax的type方式，這樣參數(shù)就不會(huì)在url地址欄中顯示了。本篇杭州Web前端培訓(xùn)小編講了接口的概念和前端調(diào)用后端接口的六種方式，希望對(duì)大家的前端開(kāi)發(fā)項(xiàng)目能有所幫助。如果你想要快速高效的學(xué)習(xí)Web前端開(kāi)發(fā)，你可以來(lái)杭州Web前端培訓(xùn)。杭州Web前端培訓(xùn)課程以實(shí)戰(zhàn)項(xiàng)目驅(qū)動(dòng)教學(xué)，結(jié)合時(shí)下流行技術(shù)，加入大數(shù)據(jù)可視化內(nèi)容，同時(shí)深化了PHP+MySQL開(kāi)發(fā)內(nèi)容，精準(zhǔn)匹配企業(yè)線(xiàn)下及未來(lái)需求，除了培養(yǎng)學(xué)員的開(kāi)發(fā)技術(shù)，著力培養(yǎng)學(xué)員的大前端視角與全棧思維，深度貫穿前端后端開(kāi)發(fā)，緊貼主流企業(yè)一線(xiàn)需求，助力學(xué)員畢業(yè)即高薪就業(yè)。
web后端和前端是怎么連接的？??。文章部分內(nèi)容來(lái)自于互聯(lián)網(wǎng)，學(xué)對(duì)自己有用的東西，感覺(jué)有不對(duì)的地方可以直接無(wú)視，只是一個(gè)參考，愿大家的前端之路越走越順。