如何通过jQuery传递信息

时间:2016-10-04 03:04:00

标签: javascript php jquery

我正在尝试从列中的按钮传递信息" actions"对于模态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=true&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=true&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\">&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>";
  ?>

2 个答案:

答案 0 :(得分:0)

当有人点击这些按钮时,您是否要将按钮的任何信息发送到Modal DIV?如果你想要,那么你可以在按钮中添加一个自定义属性,如<button info='my-info' id=''>Click</button>,然后当有人点击该按钮时,您可以使用JavaScript this&amp;提取该属性中的值。使用Modal DIV中的任何ID将其放置到MODAL窗口。

答案 1 :(得分:0)

您可以将这样的内容添加到按钮以及点击事件。

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

然后,当触发click事件时,您可以获得如下值:

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

您可以使用各种数据 - [tag]传递多条信息。

或者作为替代方案,将其添加到每个按钮:

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