html中点击按钮从后台获取数据并展示,却一直刷新页面解决方法

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>中标红写上即可不刷新页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值