onclick模态按钮调用php函数

时间:2014-02-27 06:14:30

标签: javascript php jquery twitter-bootstrap

单击模态按钮然后调用PHP函数,此PHP函数从DB检索数据并以模态显示。

我正在尝试但很困惑。任何例子

模态按钮

<?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>';
    }
?>

这里我想在模态中显示db结果,具体取决于进行模态按钮的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>

这里我假设数据来自这个($pitem[6])数组,使用来自函数的foreach循环。

我想调用类似

的函数
$pai = $c -> Select_by_id($id);

3 个答案:

答案 0 :(得分:2)

你可以点击按钮进行ajax调用以达到该php函数。

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

       });
    });

答案 1 :(得分:1)

您可以使用以下代码加载模态内容;

$('[data-toggle="modal"]').click(function(e) {
  e.preventDefault();
  $(".modal").modal("hide"); // Close all modals first
  var url = 'your_base_url?id=' + $(this).attr('id');
  $.get(url, function(data) {
      $(data).modal();
  });
});

简单地说,我将此ajax内容加载到页面中的所有模态。我得到了点击模式链接的ID,用特定的参数

向你的网址发出了ajax请求

答案 2 :(得分:0)

你不能以这种方式调用PHP函数,如果你不想重新加载页面,必须通过REQUEST或AsyncrAjax发出请求,代码如@Ravi Mishra