将数据从 iframe 回显到父页面

Question

我有一个隐藏的 iframe，用于处理表单的提交。它是这样的：

<iframe name="foo" style="display:none;"></iframe>

所以，我想知道，是否有可能在需要在 iframe 内发生的事情之后，我可以使用 javascript 或其他东西在父页面上打印数据？谢谢

编辑：这是我的表单代码。

<form id="bar" name="bar" method="post" target="foo" action="include/database.php">
    <input type="text" name="betamount">
    <input type='text' name="multipler">
    <input type="checkbox" name="hilo" value="High" checked>
  <input type="submit" name="submit" value="Bet">
</form>
<iframe name="foo" style="display:none;"></iframe>

Database.php 在 iframe 中处理这些 POST 请求。现在，database.php 里面有这样一件事

$betamount = $_POST['betamount'];
$multiplier = $_POST['multiplier'];
$payout = (int)$betamount*(int)$multiplier;

我想要做的是，我想使用 AJAX 或其他东西来回显 index.php 上存在的 div 内的“支付”变量

Answer 1

就我的回答而言，我假设您在服务器端执行的操作不能被简单的客户端操作（使用 javascript）替换。

如果您期望获得回报，为什么不直接使用 AJAX，而不使用 iframe？只需将数据发布到您的 php 页面，然后异步返回。

JsFiddle：http://jsfiddle.net/ericwu91/28U8n/

HTML 代码：

<input type="text" id="amount" name="betamount">
<input type='text' id="multiplier" name="multipler">
<input type="checkbox" name="hilo" value="High" checked>
<button onclick="submit();return false;">Submit</button>

JS代码：

var yourData = {multiplier:$("#multiplier").val(),betamount:$("#amount").val()};

$.post("yourUrl.php",yourData,function(result){
    //Success: Use the "result" parameter to retrieve the data returned from server
    alert(result);
});

我正在使用 jQuery 的 ajax post 方法。此处的文档：http://api.jquery.com/jquery.post/

这样做的好处是它完全按照您的意愿行事，但通过使用几乎原生的 javascript 属性（异步响应）来简化它。

编辑：我忘了放真正的 jsfiddle 链接......在我粘贴了所有 HTML 和 JS 代码之后，我意识到小提琴是多么无用，因为它根本不会返回任何响应...... xD