前后端数据交互之前端传值到后台

在实际的项目开发中，经常要求前后端传值。今天，主要介绍前端向后台传值的几种方法。

第一种：ajax

传给后台的数据通过json封装起来，再用ajax将json传到后台，需要添加jquery库

window.onload = function(){
//生成json
var json = [];//实际情况中，json对象的值可通过document.getElementByName()来获取用户输入
for (var i = 1; i < 5; i++){
    var j = {};
    j.name = "name";
    j.cars = "22";
    j.obj = i;
    json.push(j);
}
var a = JSON.stringify(json);
alert(a);//json
//传递到后台
$.ajax({
    type:'POST',
    data:a,//json
    contentType = 'application/json',
    dataType:'json',
    url:'user/saveJsonUser.do',
    success:function(data){
        alert("发送成功");
    },
    error:function(e){
        alert("发送失败");
    }
});
}

2、通过form表单的action传值

一般情况下数值在传给后台之前需要校验，可以在form中的onsubmit调用js方法进行校验，当js方法返回值为true时，触发action，当js方法返回值为false时，action不触发。这样处理的好处在于当用户输入不正确时，不会刷新页面，表单仍然会保留用户之前的输入

3、通过dom获取标签，触发标签的submit方法，直接提交数据到后台

function query(){   var inputs = document.getElementsByName("sex");for(var i = 0; i < inputs.length; i++){if(inputs[i].checked){//判断是否选中var sex = inputs[i].value;document.getElementById("query").action = projectName+"query.do?currentPage=1&stsex="+sex;
break;
} else{   document.getElementById("query").action = projectName+"query.do?currentPage=1";}
}
document.getElementById("query").submit();
}

以上！