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

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後再放入
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章