PHP 发布到简单模态,然后更新页面


PHP Post to Simple Modal then Update the page

所以我试图做的是这样的:

  1. 用户单击单选 html 表单按钮。
  2. 用户单击提交按钮以确认其选择。
  3. 简单模式弹出并显示所选按钮的值。
  4. 用户单击简单模式中的"接受",父页面将相应地更新。

我不太担心第 4 步,但我不确定如何将帖子信息传输到 SimpleModal。

作为参考,我使用的是Eric Martin提供的SimpleModal Contact Form演示。

我是Ajax和jQuery的新手。

我看到了这篇文章:将值从PHP传递到SimpleModal Contact Form

他们

有类似的问题,但是他们没有从索引页检索帖子信息。

有没有办法检索此帖子信息并将其传递给联系人.php这是为简单模式窗口调用的?

任何帮助将不胜感激。

我的索引(生成单选按钮的位置)。

<div id='contact-form'>
<form action="index.php" method="get">
                    <?
                    echo "<h3>Degrees (double click a degree to add a generator):</h3><br />";
                    for($deg = $_SESSION['degmin']; $deg <= $_SESSION['degmax']; $deg++)
                    {
                        ?>
                        <table>
                        <tr>
                        <th>
                        <?
                        echo $deg;
                        for($gen = 0; $gen < $_SESSION['degree_gens'][$deg]; $gen++)
                        {
                            echo "<input type='radio' name='test' value='deg' />";
                        }
                        ?>
                        </th>
                        </tr>
                        </table>
                        <?
                        echo "<br /><br />";
                    }
                    ?>
                    <input type='submit' name='contact' value='Demo' class='contact demo'/>
                    </form>
                    </div>

我的联系人.js(当用户单击"演示"时从索引调用):

$.get("data/contact.php", { r: $("input[name='test']:checked").val()}, function(data){
                // create a modal dialog with the data
                $(data).modal({
                    closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                    position: ["15%",],
                    overlayId: 'contact-overlay',
                    containerId: 'contact-container',
                    onOpen: contact.open,
                    onShow: contact.show,
                    onClose: contact.close
                });
            });

我的联系人.php (模式显示此页面,尝试输出帖子信息):

<h1 class='contact-title'>Edit Generator(" . $_POST['test'] . "):</h1>

-乍得

据我了解,您想从外部 php 文件加载模态,因此您应该使用 GETPOST参数传递变量,这是一个如何做到这一点的示例,

不行.js

$.get("data/contact.php", { test: $("input[name='test']:checked").val()}, function(data){
    // create a modal dialog with the data
    $(data).modal({
        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
        position: ["15%",],
        overlayId: 'contact-overlay',
        containerId: 'contact-container',
        onOpen: contact.open,
        onShow: contact.show,
        onClose: contact.close
    });
});

联系方式.php

<h1 class='contact-title'>Edit Generator(" . $_GET['test'] . "):</h1>

POSTGET是不同类型的HTTP请求方法。

jQuery

  1. 如果你使用 $.get(),你可以在 PHP 中获取带有 $_GET 的参数。
  2. 如果你使用 $.post(),你可以使用 $_POST 获取参数.PHP。
$('form').submit(function(e){
  e.preventDefault();
  var ourVal = $('input:radio').val();
  $.modal('<div id="ourModal"><div id="modalText"></div></div>');
  $('#modalText').text(ourVal);
});