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

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

第一种：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();
        }

转载自： https://blog.csdn.net/henouren/article/details/78282406