前端学习笔记（表单数据传给后端）

使用ajax异步请求

1.构造发送给后台的json数据格式

var sendData = {
    forgetType:flag,
    loginID:recevData.loginID,
    token:recevData.userInfo.token,
};

2.使用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();
    }
});

通过ajax

1.需要引入jquery
2.进行传值

function testAjax() {
    var users=[{name:'张三',   age:'21', birth:'1994-12-12'},
              {name:'李四',   age:'20', birth:'1995-12-11'},
              {name:'wangwu', age:'20', birth:'1995-12-11'}];
    $.ajax({
        type:'POST',
        data:JSON.stringify(users),
        contentType :'application/json',
        dataType:'json',
        url :'user/saveJsonUser.do',
        success :function(data) {
            alert("OK");
        },
        error :function(e) {
            alert("error"); 
        } 
    }); 
}

表单

<form action="xxx.xxx" method="post/get">
    用户名：<input type="text" name="username">
    密码：<input type="password" name="userpwd">
    <input type="submit" value="提交">
</form>

本文参考