在div內發布后如何加載php頁面及其輸出？

Question

我編寫了代碼以將頁面加載到內容div中； 然而; 當我要提交時，提交時它不會重定向到div。 我怎樣才能做到這一點。

//test.php是索引

        <html>
          <head>
            <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
            <script type="text/javascript">
              $(document).ready(function(){
                $('#content').load('home.php');
                $('ul#menu li a').click(function(){
                  var page = $(this).attr('href');
                  $('#content').load(page + '.php');
                  return false;
                });
              });
            </script>
          </head>
          <body>
            <ul id="menu">
              <li><a href="home">Home</a></li>
              <li><a href="math">Math</a></li>
            </ul>
            Menu left
            <div id="content"></div>
            MenuRight
          </body>
        </html>

////////////////////home.php是第一個鏈接和歡迎頁面

   <?php
    echo "HOME PAGE";
   ?>

////////////////////math.php是第二個鏈接，也是我遇到問題的那個。

   <?php
                if($_POST){
                    $a=$_POST['a'];
                    $b=$_POST['b'];
                    $c=$a+$b;
                    echo $c;
                }
                else{
                    echo"
                        <form name=f method=post                    action=math.php>
                            <input name=a>+<input name=b>=?
                            <input id='buttoncalc' name=calc type=submit value=Calc>
                        </form>
                    ";
                }
                ?>

謝謝。

Answer 1

您是說這種形式也應該在ajax中起作用？

$('#buttoncalc').on('click', function(e){
       e.preventDefault();
       var form = $(this).closest('form');

       $.post( form.attr('action') , form.serialize(), function( data ) {
            alert( "Data Loaded: " + data );
       });
});

功能單擊不適用於動態創建的內容。 您需要使用on（）並通過郵寄發送數據。 收到后，您可以將其再次插入#content。

在div內發布后如何加載php頁面及其輸出？

問題描述

1 個解決方案

解決方案1
0 2013-12-31 20:14:26

在div內發布后如何加載php頁面及其輸出？

問題描述

1 個解決方案

解決方案1 0 2013-12-31 20:14:26

解決方案1
0 2013-12-31 20:14:26