定義變數
設定***var pay ='';
//舉例
var ispay=
false
;var lastpay=
'包年包月'
;
#pay是指找到id為pay的要素,當對其執行『click』操作時就執行下面函式內容。
利用ajax進行前後端互動$
('#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;}
)
前端定義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 ...