前端向後臺伺服器端傳送請求並且傳送資料的方式
阿新 • • 發佈:2018-12-31
1:最簡單的標籤
<a href="xxx.xxx?username='liufukin'">請求伺服器</a>
2:用的最多的表單
<form action="xxx.xxx" method="post/get">
使用者名稱:<input type="text" name="username">
密碼:<input type="password" name="userpwd">
<input type="submit" value="提交">
</form>
3:目前最流行的ajax非同步請求
第一步:首先構造需要傳送給後臺的json格式資料
var sendData = {
forgetType:flag,
loginID:recevData.loginID,
contactType:contactType,
countryCode:countryCode,
areaCode:areaCode,
phone:phone,
email:email,
token:recevData.userInfo.token,
purpose:purpose,
};
第二步:使用jquery的ajax、load、get、post、getJSON、getScript、getHTML等方法。
$.ajax({
type:"post",
url:"ResetLoginIDorPwd.action",
data:sendData,
success:function(data){
if(isStrEmpty(data.error)){
$("#sendResult").text(sendResult);
gotoStep3();
}else{
$.alert(data.error);
gotoLoginForm();
}
},
error:function (){
$.alert("<s:text name="err.system"/>");
gotoLoginForm();
}
});
4:對於構造json格式物件的資料,有以下幾種方法
1:var data1 = new Object();
data1.username = "liufu";
data1.userpwd = "abc";
data1.age = 22;
2:var data2 = {
username:"liufu",
userpwd:"abc"
}
data2.age = 22;
data1 和data2裡面的資料是一樣的。都可以放在jquery的所有ajax請求功能的方法中的第二個引數位置。
注意:在ajax方法的第二個位置的資料必須是*json格式的物件* ,而不能夠用JSON.stringify(data1)轉化為String後再放入