前端向后台服务器端发送请求并且传送数据的方式

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