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

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格式对象的数据,有以下几种方法

1var data1 = new Object();
    data1.username = "liufu";
    data1.userpwd = "abc";
    data1.age = 22;

2var data2 = {
        username:"liufu",
        userpwd:"abc"
    }
    data2.age = 22;

  data1 和data2里面的数据是一样的。都可以放在jquery的所有ajax请求功能的方法中的第二个参数位置。
  注意:在ajax方法的第二个位置的数据必须是*json格式的对象*  ,而不能够用JSON.stringify(data1)转化为String后再放入
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章