<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>
用ajax访问后台方法,获取数据就是后台的数组。如:
$.('Back.ashx/GetArr', data, true, function (data) {//访问后台Back.ashx的GetArr()方法var arr=data//data就是后台数组的值
})
这里的ajax方法的访问后台路径不要错误,如果不会ajax可以看一下jQuery说明。