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

2017-10-19 21:14:39来源:CSDN作者:henouren人点击

分享

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

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

以上!

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台