Javascript 脚本ajax不'；点火器不能正常工作_Javascript_Php_Jquery_Ajax_Codeigniter

Javascript 脚本ajax不'；点火器不能正常工作

javascript php jquery ajax codeigniter

Javascript 脚本ajax不'；点火器不能正常工作,javascript,php,jquery,ajax,codeigniter,Javascript,Php,Jquery,Ajax,Codeigniter,我有一个用Bootstrap制作的表，其中每一行都应该通过单击打开一个model并显示详细信息我用Ajax编写了一个脚本，将JavaScript变量发送到PHP，它成功了，除了一件事：我通过POST传递给modal的id在第一次单击该行后不会改变我真的希望有人能帮我解决这个问题。我已经挣扎了4天，没有任何结果 js/page.js function dettagli_messaggio(id){ var data = {"id" : id}; jQuery.ajax({ ur

我有一个用Bootstrap制作的表，其中每一行都应该通过单击打开一个model并显示详细信息

我用Ajax编写了一个脚本，将JavaScript变量发送到PHP，它成功了，除了一件事：我通过POST传递给modal的id在第一次单击该行后不会改变

我真的希望有人能帮我解决这个问题。我已经挣扎了4天，没有任何结果

js/page.js

function dettagli_messaggio(id){
  var data = {"id" : id};
  jQuery.ajax({
    url : 'http://localhost/Prg_stage/index.php/pag_admin/prova',
    method : "post",
    data : data,
    success : function(data){
      $('body').append(data);
      $('#leggimex').modal('toggle');
    },
    error : function(){
      alert("Qualcosa è andato storto");
    }
  });
}

/views/prova.html（模式页面）


x
麦萨吉奥·达：
奥盖托
梅萨吉奥
接近

/views/adminpage.php

<tr data-toggle="modal" data-id="<?php echo $cont_mex[$n]->Id;?>" data-target="#leggimex" onclick="dettagli_messaggio(<?php echo $cont_mex[$n]->Id;?>);" style="cursor:pointer;">

由于您正确地获得了第一行，我相信您面临的问题与我在表行中使用引导模型时面临的问题相同。这是我如何解决我的问题，真的希望它也能解决你的问题
您需要为引导模型的数据目标属性中的每一行分配一个唯一的id
<tr data-toggle="modal" data-id="<?php echo $cont_mex[$n]->Id;?>" data-target="#<?php echo $cont_mex[$n]->Id;?>" onclick="dettagli_messaggio(<?php echo $cont_mex[$n]->Id;?>);" style="cursor:pointer;">

问题是，您的模式内容是迭代的，而不是覆盖的。
我的意思是，每次单击按钮，都会附加新的模式内容

-->btn单击1->

-->btn点击2->

-->btn单击3->
。。。。诸如此类
在您的情况下，在
标记和更改内创建一个类似的div
$（'body'）。追加（数据）
到
$（'modal#u response'）.html（数据）


例子：


如何将id传递到函数中？发送所有html/js代码，给我一个服务器响应的例子。我通过单击tr传递id。我在附加函数之前对id发出警告，并且我单击的每一行的id都是正确的。请显示您的表？我已经输入了html和js代码抱歉，但我不太懂。我需要换一下身份证吗？那么如何调用js函数呢？@Mossin您需要为每个行数据目标属性分配唯一的ID。我只是假设我从上面的php echo语句中获得了一个唯一的id。我会让你知道的
<tr data-toggle="modal" data-id="<?php echo $cont_mex[$n]->Id;?>" data-target="#<?php echo $cont_mex[$n]->Id;?>" onclick="dettagli_messaggio(<?php echo $cont_mex[$n]->Id;?>);" style="cursor:pointer;">

 <div id="<?php echo $cont_mex[$n]->Id;?>" class="modal fade" role="dialog" aria-labelledby="leggimex" aria-hidden="true">

<html>
<head>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div id="modal_response"></div>
</body>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script type="text/javascript">
$.ajax({
    url : 'index1.php',
    success:function(res){
        $('#modal_response').html(res);
        $('#myModal').modal('toggle');
    }
});
</script>

</html>

<?php 

$test = '<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>';


echo $test;
?>