前端向后台服務器端發送請求並且傳送數據的方式

原文：https://blog.csdn.net/liufunan/article/details/50715053

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后再放入