html部分代码
<button οnclick="select() ; return false" >查询用户</button>
</form>
<table id="userInfo" width="1500px" style="text-align: center;">
<tr style="background-color: #dcdcdc;">
<td>编号</td>
<td>用户电话</td>
<td>用户密码</td>
<td>用户名字</td>
<td>用户Emai</td>
<td>UserNm</td>
</tr>
</table>
script中ajax部分代码
function select() {
$.ajax({
url: "/selectUserAll",
success: function (result) {
$.each(result, function (i, User) {
var tr = '<td>'+ User.userId +'</td>' +
'<td>'+ User.userTel +'</td>' +
'<td>'+ User.userPassword +'</td>' +
'<td>'+ User.userName +'</td>'+
'<td>'+ User.userEmail +'</td>'+
'<td>'+ User.userNum +'</td>'
;
$("#userInfo").append('<tr>' + tr + '</tr>');
})
}, error: function (result) {
alert(result)
}
})
}
实现单击按钮页面不刷新只需要将<button οnclick="select() ; return false" >查询用户</button>中标红写上即可不刷新页面