Question

$("form#update").submit(function() {
    var formData = $("form#update").serialize();
        $.ajax({
            type: "POST",
            url: "graph.php",
            data: formData + "&criteria=" + critSelected,
            success: function(data){
                $('div.graph').fadeOut(function(){$('div.graph').html(data).fadeIn();});
            }
        });
    return false;
});

我有这个脚本响应表单提交。 graph.php将是一个完整的html页面，我希望在不重新加载整个页面的情况下显示。有没有办法让我在同一页面上将iframe的源代码更改为graph.php的形式（比如说它在div'graph'中）？我试过放置$（'iframe'）。attr（'src'，url）;在成功的功能无济于事。感谢帮助。谢谢！

Answer 1

您可以使用form.target ='frame name'直接发布到iframe 比结果将自动加载到iframe

例如

<form method="POST" target="framename">...</form>

Answer 2

如果我读了你正确完成的原因，它不起作用的原因是因为你试图使用url作为变量，它是ajax选项中属性的名称。如果您将代码更改为$("iframe").attr("src", "graph.php");，则应该可以设置或设置url变量。

概念小提琴：http://jsfiddle.net/XcnMt/

ajax post后用php页面更新iframe

2 个答案: