前端向後臺服務器端發送請求而且傳送數據的方式

原文：http://www.javashuo.com/article/p-oifofffc-kr.html

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