我想在按下Submit按钮后在index.html上的iframe中加载get.php文件

时间:2016-09-19 08:07:00

标签: javascript php jquery html iframe

好的,我在这里面对这个问题 我有2个文件:

  1. index.html
  2. get.php
  3. index.html我有一张表格:

    <form method="POST" action="get.php">
        <input name="x" placeholder="first value" type="text">
        <input name="y" placeholder="second value" type="text">
        <input value="send" type="submit">
    </form>
    <br>
    <iframe id="frame" class="right" width="100%" height="300" src="get.php"></iframe>
    

    这是get.php文件

    <?php
    
    if(isset($_POST['x'])==false)
    {
        echo "<h3>First variable is required...</h3>";
        exit;
    }
    
    if(isset($_POST['y'])==false)
    {
        echo "<h3>Second variable is required...</h3>";
        exit;
    }
    
    echo "<a style='padding:15px;background:#eee;color:#fff;border-radius:5px;' href='index.html'>Go back to the main page</a><br><br><br>";
    $x=0;
    $y=0;
    $x=$_POST["x"];
    $y=$_POST["y"];
    
    echo "Values entered were $x and $y respectively<br><br><br>";
    echo "Sum of $x+$y= ".($x+$y)."<br><br>";
    echo "Multiplication of $x*$y= ".($x*$y)."<br><br>";
    echo "Division of $x/$y= ".($x/$y)."<br><br>";
    echo "Power of of $x<sup>$y</sup>= ".pow($x,$y)."<br><br>";
    echo "power of $y<sup>$x</sup>= ".pow($y,$x)."<br><br>";
    
    echo "Table of $x<br><br>";
    
    for($i=1;$i<=10;$i++){
        echo "$x * $i = ".($x*$i)."<br>";
    }
    
    echo "<br><br>Table of $y<br><br>";
    for($i=1;$i<=10;$i++){
        echo "$y * $i = ".($y*$i)."<br>";
    }
    
    ?>
    

    现在需要的是我在两个字段中都添加了两个值,一旦我点击提交的按钮,它应该会在get.php放置<iframe>而不是index.html显示get.php的结果正在加载res_25 = 4 + (6-4)*(3/4) = 5.5

    的新页面

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码段设置iframe内容。使用ajax发送数据,您需要阻止Program提交行为。试试,例如:

form