Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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 Jquery使用AJAX循环,通过引导模式循环_Javascript_Jquery_Html_Ajax_Twitter Bootstrap - Fatal编程技术网

Javascript Jquery使用AJAX循环,通过引导模式循环

Javascript Jquery使用AJAX循环,通过引导模式循环,javascript,jquery,html,ajax,twitter-bootstrap,Javascript,Jquery,Html,Ajax,Twitter Bootstrap,我从数据库中获取数据,通过它循环并附加到html页面中的div。它一直工作到我在循环槽函数,该函数包含引导模式。我正在将参数传递给函数,但创建的每个模式都会显示我的数据库表的第一行。我的目标是通过函数(MODAL)循环并传递表中的不同行,而不仅仅是第一行 与我的HTML可变 var table = { createTable: function(result) { $.each(result, function(i, column) {

我从数据库中获取数据,通过它循环并附加到html页面中的div。它一直工作到我在循环槽函数,该函数包含引导
模式
。我正在将参数传递给函数,但创建的每个
模式
都会显示我的
数据库表的第一行
。我的目标是通过
函数(MODAL)
循环并传递表中的不同行,而不仅仅是第一行

与我的HTML可变

var table = {
        createTable: function(result) {
            $.each(result, function(i, column) {
                    $("#loopRows").append(
                        '<tr id="post"><td>' + column.ID + '</td>' +
                        '<td>' + column.Title + '</td>' +
                        '<td><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#details">Details</button>+showBookmark.showItemTemplate(column.Title, column.Url, column.User)+</td>'
                    });
            }
        }
带HTML表单的引导模式

var showBookmark = {
    showItemTemplate: function(title, url, user) {
        return '<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"   id="details">' +
            '<label for="recipient-name" class="control-label">   Title:' + title + '</label>' +
            '<label for="message-text" class="control-label">   Url:' + url + '</label>' +
            '<label for="message-text" class="control-label">   User:' + user + '</label>' +
            '</div>'
    }
}
var showBookmark={
showItemTemplate:函数(标题、url、用户){
返回“”+
'标题:'+标题+''+
“Url:”+Url+“”+
'用户:'+User+''+
''
}
}

尝试为每一行提供唯一的id,当您单击特定的模式按钮时,传递其id并在id的帮助下获取该行的值。这就是您要做的。尝试将最后一个td更新到此
'Details'+showBookmark.showItemTemplate(column.Title,column.Url,column.User)+'
它对您有用吗?嘿,Deep Mehta。是的,我正在努力。不知道如何实施。嘿,苏西,不是这样的。是更严重的问题。请尝试为每一行提供唯一的id,当您单击特定的模式按钮时,通过id传递其id并在id的帮助下获取该行的值。这就是您要做的。请尝试将最后一个td更新到此
'Details'+showBookmark.showItemTemplate(column.Title,column.Url,column.User)+''
对你有用吗?嘿,深梅塔。是的,我正在努力。不知道如何实施。嘿,苏西,不是这样的。是更严重的事情。
var showBookmark = {
    showItemTemplate: function(title, url, user) {
        return '<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"   id="details">' +
            '<label for="recipient-name" class="control-label">   Title:' + title + '</label>' +
            '<label for="message-text" class="control-label">   Url:' + url + '</label>' +
            '<label for="message-text" class="control-label">   User:' + user + '</label>' +
            '</div>'
    }
}