Javascript ajax表中的按钮链接
请看下面的ajax代码,正如您所看到的,我已经成功地在每个表行中显示了一个按钮,这很好,问题是每个按钮只会链接到dataurl,我真的需要这样做,以便每个按钮都链接到不同的位置,但唯一的是事件仍然可用。例如,如果一行消失,我需要按钮消失吗?所以增量特性不起作用 谢谢 萨姆 下面是ajax代码Javascript ajax表中的按钮链接,javascript,jquery,ajax,Javascript,Jquery,Ajax,请看下面的ajax代码,正如您所看到的,我已经成功地在每个表行中显示了一个按钮,这很好,问题是每个按钮只会链接到dataurl,我真的需要这样做,以便每个按钮都链接到不同的位置,但唯一的是事件仍然可用。例如,如果一行消失,我需要按钮消失吗?所以增量特性不起作用 谢谢 萨姆 下面是ajax代码 $.ajax({ type: 'GET', crossDomain: true, dataType: 'json', url: 'api link for seatwave'
$.ajax({
type: 'GET',
crossDomain: true,
dataType: 'json',
url: 'api link for seatwave',
success: function(json) {
//var json = $.parseJSON(data);
for (var i = 0; i < json.results.TicketGroups.length; i++) {
var section = json.results.TicketGroups[i].TicketTypeName;
var no = json.results.TicketGroups[i].Qty;
var price = json.results.TicketGroups[i].
Price;
var button =
"<button class='btn btn-info' data-url='LINK'>Click Here</button>";
$("#tableid").append("<tr><td>seatwave</td><td>" + section +
"</td><td>N/A</td><td>N/A</td><td>" + no +
"</td><td>£"+price +
"</td><td>" + button + "</td></tr>");
$("#tableid").find(".btn.btn-info").click(function() {
location.href = $(this).attr("data-url");
});
}
sortTable();
},
error: function(error) {
console.log(error);
}
});
$.ajax({
键入:“GET”,
跨域:是的,
数据类型:“json”,
url:“seatwave的api链接”,
成功:函数(json){
//var json=$.parseJSON(数据);
for(var i=0;i
在for循环的每次迭代中,您都要选择所有按钮
//this line selects all elements with classes .btn.btn-info
$("#tableid").find(".btn.btn-info")
因此,一旦完成,所有按钮都将具有上次创建的按钮的链接
如果不是线路,而是:
var button = "<button class='btn btn-info' data-url='LINK'>Click Here</button>";
var按钮=“单击此处”;
您可以使用jQuery对象包装按钮,并将单击处理程序附加到它:
var button = $("<button class='btn btn-info' data-url='LINK'>Click Here</button>");
button.click(function() {
location.href = $(this).attr("data-url");
});
var按钮=$(“单击此处”);
按钮。单击(函数(){
location.href=$(this.attr(“数据url”);
});
当您将按钮添加到dom中时,可以通过以下方式执行:
//this will retrieve the html element from the jquery object
"</td><td>" + button[0] + "</td></tr>"
//这将从jquery对象检索html元素
“”+按钮[0]+“”
我不知道是否正确,但我认为您需要设置数据url='LINK'
属性的值
例如,您可以在字符串中立即设置它,如下所示:
var link=isEventAvailable?json.results.getLink():未定义;
var按钮=链接?请发布一个后AJAX生成表的例子来说明你要问的是什么。<代码>链接到不同的地方< /代码>?如果行被删除了,为什么行中的按钮也不会被删除?还有什么是增量问题?但是如果它被删除了,自动增量是问题的一部分,并且说行是在TA的中间。ble,所有的递增操作都会出错?你想让按钮链接到哪里,这些信息来自哪里,每个按钮又有什么不同?你拥有的应该是每个按钮所独有的,你只需找到一种方法,用唯一的东西替换link
。这些按钮将没有上次创建的按钮的链接。Ass如果他的数据url属性是一个实际的链接,那么单击事件对于每个按钮都应该是唯一的。每个单击事件都应该访问被单击的单个项目的数据url。你可以发布一个你想的JSF摘要吗,因为看看你在这里看到的内容,我不知道这是如何工作的。对不起,我一直在dreamweaver not payi中请注意现实世界,这里是js提琴,它是关于我希望它如何工作的,但显然数据是自动填充的,所以每个链接都需要是唯一的