ajax分页查询页面跳转问题

问题遇到的现象和发生背景

分页跳转

遇到的现象和发生背景，请写出第一个错误信息

动态创建超链接之后,给他添加事件,该事件死循环

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

   //分页查
    function page(){
        let account=$("#account").val();
        let start=document.getElementById("index").value;
        let roleId=$("#roleId").val();
        $.ajax({
            url: "/user/show",
            type: "POST",
            data:{"account":account,"index":start,"roleId":roleId},
            success:function(data){
                var html="";
                for (var i = 0; i < data.page.length; i++) {
                    var p=data.page[i];
                    html+=""+p.account+""+p.realName+""+p.role.roleName+""+p.sex+""+p.birthday+""+p.phone+""
                }
                var tPage="
  • "+"共"+data.count+"条记录"+"
  • "+data.index+"/"+data.total+"页"+"
    •  
  • 首页
    •  
  • 上一页
    •  
  • 下一页
    •  
  • 尾页
    • "    ;
                $("tbody").html(html);
                $("#jul").find("li").remove();
                $("#jul").append(tPage);
            }
        })
    }

    //页面加载时调用方法
$(function(){
    role();
    page();
})

// 页面跳转
function tpwdas(index) {
    document.getElementById("index").value = index;
    console.log("1");
    page();
}
    运行结果及详细报错内容

    我测试了下,是因为超链接呗创建的时候,先执行了里面的方法,然后我进入死循环了

    我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

    在网上搜半天没找到怎么解决

    我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

    解决了兄弟们,大无语

          var tPage=
                    "<li>"+"共"+data.count+"条记录"+"</li>" +
                    "<li>"+data.index+"/"+data.total+"页"+"</li>" +
                    " <li><a href='javascript:tpwdas(1)'>首页</a></li>" +
                    " <li><a href='javascript:tpwdas("+(data.index-1)+")'>上一页</a></li> " +
                    "<li><a href='javascript:tpwdas("+(data.index+1)+")'>下一页</a></li> " +
                    "<li><a href='javascript:tpwdas("+data.total+")'>尾页</a></li>";