如何實現前端與後端資料互動

2021-10-02 02:08:45 字數 2682 閱讀 4559

定義變數

var pay ='';

//舉例

var ispay=

false

;var lastpay=

'包年包月'

;

設定***

#pay是指找到id為pay的要素,當對其執行『click』操作時就執行下面函式內容。

$

('#pay').

on('click'

,'button'

,function()

console.

log($(

this).

attr

('id'))

; pay=$(

this).

attr

('id');

if(pay==

"按量計費"

)else

if(pay==

"包年包月"

) document.

getelementbyid

(lastpay)

.style.backgroundcolor =

"buttonface"

; document.

getelementbyid

(pay)

.style.backgroundcolor =

"goldenrod"

; ispay=

true;}

)

利用ajax進行前後端互動

前端定義date資料,利用ajax將資料傳送到目標url

如果訪問成功執行這個函式function (data) ,data是從伺服器返回來的資料

我們在這裡是將data內容迴圈直接構造成乙個html的字串,利用命令$(』#result』).html(html);將id為result的地方的html更新為我們的html,這樣就可以在頁面上看到伺服器返回的內容了

var date =

var arrjson=

json

.stringify

(date)

;

console.

log(arrjson)

;

$.ajax

(,//要傳送的資料(引數)格式為

contenttype:

, data: arrjson,

datatype:

"json"

,//後台處理後返回的資料格式

success:

function

(data)$(

'#result').

html

(html);}

, error:

function

(msg)})

;

後端

@requestbody string data 這是後端收到的資料,對其進行解析操作等等就可以使用拉

* 輸入:一系列引數 json格式

* 過程:拿到引數查詢符合條件的資料

* 輸出:符合條件的list

//華為雲

system.out.

println

("華為:"

+map.

get(

"huawei"))

;if(map.

get(

"huawei").

equals

("1"))

system.out.

println

("**********==這是國內三大雲符合要求的個數*****"

+typelist.

size()

);request.

setattribute

("typelist"

, typelist)

;return typelist;

//這是返回前端的資料data

}大致操作,具體可以再討論,歡迎一起學習~整這個是完全成功噠,當然也是看了無數部落格,有些一試可能不太行,但是總會可以的。

前端和後端是如何互動的

1 前端請求資料url由誰來寫 在開發中,url主要是由後台來寫好給前端。若後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數 即url請求的引數 2 介面文件主要由誰來寫 介面文件主要由後台設計和修改。後台直接跟資料打交道,最清楚資料庫裡有什麼資料,能...

前端和後端是如何互動的

1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是url請求的引數。2.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...

前端與後端互動之登入與註冊

1.登陸 lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head action dl.php 登陸 type text name user 密碼 type ...