Question

用JS，或Jquery怎么做局部刷新

Answer 1

$("#bcd").load(url+" #abc"); //bcd是做局部刷新的容器，url是地址， #abc是要加载到bcd中的内容的id

Answer 2

用$.ajax(); 方法向后台请求要刷新的局部区域的数据，然后把该区域内容 empty() 再重新把获取得到的新数据 append()进去。

<script type="text/javascript">
	function getAllUsers(){
	    $.ajax({
	        type: "post",
	        url: "useraction/getAllUsers",
	        data:{},//传到后台的JSON格式参数，留空表示没有参数要传
	        dataType:'json', //返回数据的格式，需要的是json格式
	        contextType:'application/json;charset=UTF-8',
	        async: true,
	        success:function(data){
	        //返回的json数据结构：{"userName":"Tommy","userPwd":"abc123"}
	        	$("#users").empty().append("<li>用户名----密码</li>");
	        	for (var i=0;i<data.length;i++){
	        		$("#users").append("<li>"+data[i].userName+"-----"+data[i].userPwd+"</li>");
	        	}
	        },
	        error:function (data, status, e){
	        	$("#users").append("<li>数据加载失败！</li>");
	        }
	    });	
	}
</script>
<input  type="button" value="刷新用户区的数据" onclick="getAllUsers()"> 
<ul id="users" style="list-style: none;font-size:30px;color:#A22"></ul>