Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ajax表中的按钮链接_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 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代码,正如您所看到的,我已经成功地在每个表行中显示了一个按钮,这很好,问题是每个按钮只会链接到dataurl,我真的需要这样做,以便每个按钮都链接到不同的位置,但唯一的是事件仍然可用。例如,如果一行消失,我需要按钮消失吗?所以增量特性不起作用

谢谢 萨姆

下面是ajax代码

$.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提琴,它是关于我希望它如何工作的,但显然数据是自动填充的,所以每个链接都需要是唯一的