如何在模式框中显示从ajax调用返回的数据?

时间:2016-05-10 16:58:00

标签: javascript jquery ajax

我试图返回另一页的数据而我只得到一次。

结果只是针对第一个,我认为ajax是正确的,因为在控制台中数据是正确的但是什么时候会在模态中插入它会发生这个错误。

PHP:

$sql = $mysqli->prepare("SELECT * FROM users ORDER by registred DESC");                      
$sql->bind_param("i", $_SESSION["userid"]);
$sql->execute();
$res = $sql->get_result();
if($res->num_rows) {
  while($row = $res->fetch_assoc()) {
    echo "
    <div id='myModal' class='modal fade' role='dialog'>
      <div class='modal-dialog'>
        <div class='modal-content'>
          <div class='modal-header'>
            <button type='button' class='close' data-dismiss='modal'>&times;</button>
            <h4 class='modal-title'> Data from user </h4>
          </div>
          <div class='modal-body' id='add_link_".base64_encode($row["id"])."'>
          </div>
          <div class='modal-footer'>
            <button type='button' class='btn btn-default' data-dismiss='modal'> Close </button>
          </div>
        </div>
      </div>
    </div>
    ";
  }
}

使用Javascript:

<script src="js/jquery.min.js"></script>
<script type='text/javascript'>
   function att(id){
     $.get("ajax.php?i="+id, function( data ) {
       console.log(id);
       $("#add_link_" +id).html("");
       if($("#add_link_" +id).html(data)) {
         console.log(data);
         $('#myModal').modal('show');
       }
     });
   }
</script>

1 个答案:

答案 0 :(得分:0)

你是&#34;显示&#34; #myModal应该在您的网页上是唯一的,但事实并非如此。此外,您的功能未被调用。但是,我想你在某个地方称它是因为你说console.log正在显示你的正确数据。

基本上,将$('#myModal').modal('show');来电更改为:

$(this).closest('.modal').modal('show');