剛畢業(yè)的時候公司使用的是SSH+JSP,后來升級為SpringMVC+velocity,但是前后端的代碼還是在一個項目中,現(xiàn)在使用的springCloud+node.js實現(xiàn)前后端分離,可以說前后端的數(shù)據(jù)交互一直在改變!

HTML:超文本標(biāo)記語言,定義了文本,圖形,動畫等在瀏覽器上的圖形化界面,可以說HTML就是我們看得著,聽得到的東西!

后端Java怎么和前端HTML交互

但是HTML的標(biāo)簽都是“死的”,只是頁面渲染,我們需要使用瀏覽器解釋語言(javascript等)來與后端交互,實現(xiàn)數(shù)據(jù)的傳輸,前端的請求方式包括:

①,form表單提交請求:通過在form標(biāo)簽中使用action配置鏈接,使用method配置請求方法(get,post等),提交請求到后端,同時獲得數(shù)據(jù)填充表單!

后端Java怎么和前端HTML交互

②,使用超鏈接進(jìn)行跳轉(zhuǎn):使用a標(biāo)簽,配置href跳轉(zhuǎn)地址可以跳轉(zhuǎn)到另外的頁面!

③,使用ajax異步調(diào)用:使用ajax模擬http請求,將獲得的數(shù)據(jù)局部刷新至頁面!

④,直接http請求:現(xiàn)在前后端分離的項目,多半使用http直接訪問后端接口,并且因為是不同的項目,還會存在跨域問題,需要使用nginx等配置轉(zhuǎn)發(fā)來解決!

前端傳入的參數(shù)可以是作為get方法直接拼接在請求鏈接后面,也可以使用json格式的數(shù)據(jù),放入請求體中,當(dāng)然后端返回的有可能是數(shù)據(jù),也有可能是其他的頁面鏈接,需要在前端進(jìn)行處理,進(jìn)行跳轉(zhuǎn)!

上面是我對于前后端交互的看法,如果有更好的歡迎討論。