Как передавать информацию через jQuery

#javascript #php #jquery

#javascript #php #jquery

Вопрос:

Я пытаюсь передать информацию с кнопки в столбце «действия» в модальный div, я вызываю модальный с помощью JS, однако я не уверен в том, как отправлять информацию из таблицы в div. (Помните, что для каждой кнопки должна быть разная информация, поскольку каждая кнопка находится в другой строке)

 <?php
error_reporting(0);
   $con = new mysqli("localhost","****","****","****");      
if(mysqli_connect_errno()){        
 echo(mysqli_connect_error());       
}
$cuser = $_COOKIE['c_user'];

$result = $con->query("SELECT * FROM calls");    
 echo"

<table class="table table-bordered responsive"> 
        <thead> 
            <tr> 
                <th width="5%">#</th> 
                <th>Call Status</th>
                <th>Player ID</th>
                <th>Player Name</th>  
                <th width="33%">Actions</th> 
            </tr> 
        </thead> 
 <tbody>";               
    while($row = $result->fetch_assoc()){ 
                                     echo "<tr> ";     
                                       echo("<td>" . $row['id'] . "</td> ");
                                       echo("<td>" . $row['status'] . "</td> ");
                                       echo("<td>" . $row['pid'] . "</td> ");
                                       echo "<td>" . $row['pname'] . "</td> ";
                echo "<td> ";
                                    if($row['status'] == 'Pending'){
                                        echo "<a button type="button" class="btn btn-warning" href="calls.php?claim=trueamp;callid=$row[id]">Claim Call</button /a>  ";
                                    } else if($cuser == $row['claimedby']) {
                                        echo "<a button type="button" class="btn btn-danger" href="calls.php?closecall=trueamp;callid=$row[id]">Close Call</button /a>  ";
                                    } else {
                                                                                            echo "<a button type="button" class="btn btn-warning    disabled">Claimed</button /a>  ";
                                    }
                                     echo "<a button type="button" href="javascript:;" onclick="jQuery('#modal-2').modal('show');" class="btn btn-info">Call Info</button /a>  ";
                                     echo "<a button type="button" id = $row[id] href="javascript:;" onclick="jQuery('#modal-1').modal('show');" class="btn btn-success">Server Info</button /a> ";
                                     echo "<a button type="button" class="btn btn-primary">Join Server</button /a> ";
                                        echo "</td> ";
}   
             echo "</tr> 
        </tbody> 
    </table>";

echo"<div class="modal fade" id="modal-1">
<div class="modal-dialog" style="width: 50%">
    <div class="modal-content">

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">amp;times;</button>
            <h4 class="modal-title">Call Info</h4>
        </div>

        <div class="modal-body" id="serverHandle">

        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>
</div>";
  ?>
  

Комментарии:

1. Используете ли вы модальный bootstrap?

2. @NorlihazmeyGhazali Я включил модальный код в код, его пользовательский.

3. @ICostaExDesigns: Вы хотите отправлять какую-либо информацию из кнопок в модальный DIV, когда кто-то нажимает на эти кнопки?

Ответ №1:

Вы хотите отправлять какую-либо информацию из кнопок в модальный DIV, когда кто-то нажимает на эти кнопки? Если вы этого хотите, вы можете добавить один пользовательский атрибут к своей кнопке следующим <button info='my-info' id=''>Click</button> образом, тогда, когда кто-то нажимает на эту кнопку, вы можете извлечь значение из этого атрибута с помощью JavaScript this и поместить его в МОДАЛЬНОЕ окно, используя любой идентификатор из модального DIV.

Ответ №2:

Вы можете добавить что-то подобное к своей кнопке вместе с событием щелчка.

      data-value="<?php echo $Something->SomeValue;?>"
  

Затем, когда запускается событие click, вы можете получить значение, подобное этому:

 $(this).data("value");
  

вы можете использовать различные данные- [тег] для передачи нескольких фрагментов информации.

Или, в качестве альтернативы, добавьте это к каждой кнопке:

 onclick='someFunction("<?php echo $Something->SomeValue;?>")';