ajax 点击下一页,用ajax返回数据,绑定点击事件,生成弹窗,可是分页后,下一页就没有点击生成弹窗效果了...

用ajax返回json数据,生成a标签,每个标签绑定点击事件,生成弹窗

for(var i=1;i

html += '

';

html += '

'+ data[i].name +'';

html += '

'+ ' '+data%5Bi%5D.headimgurl+''+'';

//javascript:return false;

html += '

'+ ' ' +data[i].title+''+'';

html += '

'+ getLocalTime(data[i].ctime) +'';

html += '

';

}

点击每个a标签就会出现弹窗,弹窗里绑定的是console.log($(this))也没有任何数据产生

$('td a').each(function(i){

$(this).on('click',function(){

window.open(this.href,"","width=500,height=500,top=200,left=500");

})

});

这是什么原因,怎么解决呢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的HTML页面,使用Ajax实现分页功能。假设我们有一个名为“data.php”的PHP文件,它返回一个JSON格式的数据数组,包含我们要显示的所有数据。我们将使用jQuery库来进行Ajax请求和处理响应数据。 ```html <!DOCTYPE html> <html> <head> <title>Ajax分页示例</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { var page = 1; // 当前页码 var perPage = 10; // 每页显示的记录数 // 加载数据 function loadData() { $.ajax({ url: "data.php", data: {page: page, perPage: perPage}, dataType: "json", success: function(data) { // 处理返回数据 var table = $("<table></table>"); $.each(data, function(index, item) { var tr = $("<tr></tr>"); tr.append("<td>" + item.id + "</td>"); tr.append("<td>" + item.name + "</td>"); tr.append("<td>" + item.age + "</td>"); table.append(tr); }); $("#data-container").empty().append(table); } }); } // 初始化页面 loadData(); // 处理翻页按钮点击事件 $("#prev-page").click(function() { if (page > 1) { page--; loadData(); } }); $("#next-page").click(function() { page++; loadData(); }); }); </script> </head> <body> <div id="data-container"></div> <button id="prev-page">上一页</button> <button id="next-page">下一页</button> </body> </html> ``` 在上面的代码中,我们定义了一个名为“page”的变量来跟踪当前页码,并使用“perPage”变量来指定每页要显示的记录数。我们还定义了一个名为“loadData()”的函数,该函数负责使用Ajax请求从服务器加载数据,并将其呈现在页面上。最后,我们将翻页按钮的点击事件绑定到适当的处理程序,以便在用户单击按钮时更新页面中显示数据

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值