php - PHP Post 到 Simple Modal 然后更新页面

Question

所以我试图做的是：

1. 用户单击单选 html 表单按钮。
2. 用户单击提交按钮以确认他的选择。
3. SimpleModal 弹出并显示所选按钮的值。
4. 用户在 SimpleModal 中单击“接受”，父页面会相应更新。

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

作为参考，我正在使用 Eric Martin 提供的 SimpleModal Contact Form 演示。

我是 Ajax 和 jQuery 的新手。

我看到了这篇文章：将值从 PHP 传递到 SimpleModal 联系表单

他们遇到了类似的问题，但是他们没有从索引页面中检索帖子信息。

有没有办法检索此帖子信息并将其传递给为 SimpleModal 窗口调用的contact.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>

我的contact.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
                });
            });

我的contact.php（模式显示此页面，试图输出帖子信息）：

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

-乍得

Answer 1

据我了解，您想从外部 php 文件加载模式，因此您应该使用GET或POST参数传递变量，这是一个示例，您可以如何做到这一点，

cantact.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>

---

POST并且GET是不同类型的 HTTP 请求方法。

在jQuery,

1. 如果你使用$.get()，你可以$_GET在 PHP 中获取参数。
2. 如果你使用$.post()，你可以$_POST在 PHP 中获取参数。

Answer 2

$('form').submit(function(e){
  e.preventDefault();
  var ourVal = $('input:radio').val();

  $.modal('<div id="ourModal"><div id="modalText"></div></div>');
  $('#modalText').text(ourVal);
});