首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >单击模态按钮调用php函数

单击模态按钮调用php函数
EN

Stack Overflow用户
提问于 2014-02-27 06:14:30
回答 3查看 3.9K关注 0票数 0

单击“进入模态”按钮,然后调用一个PHP函数,此PHP函数从DB检索数据并在模式中显示。

我在努力,但很困惑。任何例子

模态按钮

代码语言:javascript
复制
<?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].'",它进行模态按钮。

我的模式代码:

代码语言:javascript
复制
<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>

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

我想调用这样的函数

代码语言:javascript
复制
$pai = $c -> Select_by_id($id);
EN

回答 3

Stack Overflow用户

发布于 2014-02-27 06:21:31

您可以按一下按钮进行ajax调用,以达到该php函数。

代码语言:javascript
复制
    $('#btn-id').click(function(){
       $.ajax({
            url: 'url',
            data: { var1:value},                        
            type: 'post',
            success: function (data) {
            }

       });
    });
票数 1
EN

Stack Overflow用户

发布于 2014-02-27 06:27:54

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

票数 0
EN

Stack Overflow用户

发布于 2014-02-27 06:28:22

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

代码语言:javascript
复制
$('[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内容加载到页面中的所有modals。我得到了点击模式链接的id,用特定的param向您的url发出了ajax请求。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22060489

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档