通过ajax前后端数据交互

js代码

<script type="text/javascript">
    $(function(){
        /*公共部分
         */
        $(".headerpage").load("Head.html"); 
        $(".navigation").load("Navigation.html");
    });
</script>

<script type="text/javascript">
	 $(function(){  
		 $.ajax({
		  	type:"post",
		  	url:"/user/selectall",
		  	data:JSON.stringify(tdata),
		  	success : function(data) {
					if (data.data.successOrFailure != null) {
						alert("注册成功");
					} else {
						alert("账号不能为空，或者账号已存在");
					}
				}  	
		 });

   });
</script>


<script type="text/javascript">
	$(function(){
		$("#chazhao").click(function(){
			document.getElementById('black').style.display='block';
			document.getElementById('light').style.display='block';
		    
			var tdata={ 
				"name":$("#xingming").val(),
				"identityCard":$("#shenfen").val()
			}
			$.ajax({
				type:"post",
				url:"/user/selectone",
				data:JSON.stringify(tdata),
				contentType:"application/json;charset=utf-8",
				success: function(data){
			        //方法中传入的参数data为后台获取的数据
			        for(i in data.data) //data.data指的是数组，数组里是8个对象，i为数组的索引
			        {
			            var tr;
			            tr='<td>'+data.data[i].userId+'</td>'+'<td>'+data.data[i].name+'</td>'+'<td>'+data.data[i].sex+'</td>'+'<td>'+data.data[i].identityCard+'</td>'+
		                '<td>'+data.data[i].telephone+'</td>'+'<td>'+data.data[i].birthDate+'</td>'+'<td>'+data.data[i].nationality+'</td>'+'<td>'+data.data[i].license+'</td>'+
		                '<td>'+data.data[i].statTime+'</td>'+'<td>'+data.data[i].homeAddress+'</td>'+'<td>'+data.data[i].coach+'</td>'+'<td>'+data.data[i].userqq+'</td>'
			            $("#tabletest").append('<tr>'+tr+'</tr>')
			        }
			    }	
			})		
		})
		$("#fanhui").click(function(){
			 document.getElementById('black').style.display='none';
			 document.getElementById('light').style.display='none';      
             window.location.href="admin-index.html";  	
		})
	})
</script>