如何在js中接收后台传来的数组

 我来答

2个回答

#合辑# 面试问优缺点怎么回答最加分？

枫木桎梏
2017-01-13 · TA获得超过426个赞

知道小有建树答主

回答量：307

采纳率：0%

帮助的人：166万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>  
<html xmlns=" http://www.w3.org/1999/xhtml">  
<head>
<title>XHR数据交换</title>
</head>  
<body>

<form action="index.php" method="post" onsubmit="return test();">

姓名：<input type="text" name="username"/><br />
年龄：<input type="text" name="age"/><br />
身高：<input type="text" name="sengao"/><br />
<input type="submit" />

</form>
<div></div>

<script type="text/javascript">
function test(){
	//获取dom节点
	var fm = document.getElementsByTagName('form')[0];
	//利用HTML5 FormData对象获取表单数据
	//并把DOM表单对象作为参数传给FormData
	var fD = new FormData(fm);
	//可以追加数据
	fD.append('xuexing','A');
	//创建XML请求
	var xhr = new XMLHttpRequest();
	//打开链接，异步请求
	xhr.open('POST','index.php',true);
	//发送表单数据
	xhr.send(fD);
	//事件响应
	xhr.onreadystatechange = function (){
		//接受到后台返回数据时，写入到div文本节点内
		if(this.readyState == 4){
			document.getElementsByTagName('div')[0].innerHTML = this.responseText;
		}
	}
	return false;
}

</script>
</body>  
</html>