1. 程式人生 > >前端向後臺伺服器端傳送請求並且傳送資料的方式

前端向後臺伺服器端傳送請求並且傳送資料的方式

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