javascript - onclick模态按钮调用php函数

标签 javascript php jquery twitter-bootstrap

当单击模态按钮时,将调用一个 PHP 函数,该 PHP 函数从数据库检索数据并在模态中显示。

我正在尝试,但很困惑。任意示例

模态按钮

<?php
    foreach($pa as $pitem)
    {
        print'<div class="col span_1_of_4">
                  <div class="pcimga">
                      <div class="pcimg"><img src="Portfolio_Image/'.$pitem[6].'" class="pcimg" /></div>
                  </div>
                  <div class="pcsdes">'.$pitem[1].'</div>
                  <div class="pcctg"><span class="pcctgb">'.$pitem[5].'</span></div>
                  <div class="pclink">
                      <span class=" butnn"><a data-toggle="modal"  id="'.$pitem[0].'" href="#myModal">View</a></span>
                  </div>
              </div>';
    }
?>

这里我想根据这个带有模态按钮的 id="'.$pitem[0].'" 在模态中显示数据库结果。

我的模式代码:

<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">'.$pitem[1].'====='.$pitem[0].'</h4>
            </div>
            <div class="modal-body">
                <div class="row clearfix">
                    <div class="col-md-6 column">
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <img alt="140x140" src="'.$pitem[6].'"" class="img-responsive" />                           
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <div id="pad">                          
                                    <a href="'.$pitem[4].'" target="_blank"><button type="button" class="btn btn-info btn-lg "> View</button></a>                           
                                </div>                          
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 column">
                        <p>'.$pitem[3].'"</p>                   
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

这里我假设数据库数据使用函数中的 foreach 循环通过此 ($pitem[6]) 数组获得。

我想调用像这样的函数

$pai = $c -> Select_by_id($id);

最佳答案

您可以通过单击按钮进行 ajax 调用来访问该 php 函数。

    $('#btn-id').click(function(){
       $.ajax({
            url: 'url',
            data: { var1:value},                        
            type: 'post',
            success: function (data) {
            }

       });
    });

关于javascript - onclick模态按钮调用php函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22060489/

相关文章:

jquery - 如何通过每个数组值更改多个元素?

javascript - 为什么 Angular 根范围变量仅在两次单击事件按钮后才更新?

java - 从网站地址列表中提取顶级域名

javascript - 如何将光标移动到下一个文本字段?

php - Codeigniter选择具有多个ID的数据

php - 在激活 Hook 中注册简码不起作用

javascript - 通过点击事件使部分显示

javascript - 复选框的屏蔽标签 - 正确的方法?

javascript - 浏览器如何读取全局网站标记 JavaScript (gtag.js)

javascript - 删除数组 Javascript 中所有重复项