使用AJAX顯示錶單提交結果？

我設計中，該用戶從菜單中選擇所有頁面加載到頁面的特定DIV區一個網站，並想知道的不是去瀏覽器如何創建，當用戶提交表單的功能，然後導航到表單，讓它將結果加載到同一個div部分。使用AJAX顯示錶單提交結果？

我的索引頁是這樣的：

<body> 
    <?php 
    echo "<div id=\"siteLogo\">"; 
     require("public/includes/templates/header.php"); 
    echo "</div>"; 
    "<div id=\"siteMenu\">"; 
     require("public/includes/templates/menu.php"); 
    echo "</div>"; 
    echo "<div id=\"siteContent\">"; 
     require("public/includes/templates/home.php"); 
    echo "</div>"; 
    echo "<div id=\"siteFooter\">"; 
     require("public/includes/templates/footer.php"); 
    echo "</div>"; 
?>

頁面時則呈現它需要這種形式，他們的課程內容：

<body> 
    <div id="siteLogo"> 
    </div> 
    <div id="siteLogo"> 
    </div> 
    <div id="siteLogo"> 
    </div> 
    <div id="siteLogo"> 
    </div> 
</body>

當頁然後呈現四個div區域，每個區域包含它們各自的內容。然後從菜單（menu.php）選擇的所有項目都加載到使用下面的代碼（HTML渲染和JavaScript的AJAX加載）WEB_CONTENT DIV區域

<ul> 
    <li><a href="home.php">Home</a></li> 
    <li><a href="contact.php">Help</a></li> 
    <li><a href="help.php">Contact</a></li> 
</ul> 
----------------------------------------------- 
$('#siteMenu a').click(function(e) 
{ 
    $('#web_Content').load($(this).attr('href'), function() 
    { 
    }) 
});

現在，當我一個形式添加到我的菜單，它按預期工作並將內容（form.php）加載到#siteContents div區域中。我現在想能夠使網站功能，以便在提交表單時，將數據發送到一個腳本（newDataPost.php爲例），並有此腳本注入#siteContents DIV喜歡的方式，其中，菜單將選定的頁面注入該div？

我似乎無法找出在做到這一點的方式，可以在任何的經驗更豐富的Web開發人員知道在哪個注入一個腳本插入表單提交的一個div的方式？

來源

2011-04-11 Lisa Smith

看看改變表單的提交事件做一個Ajax調用，它接受一個序列化形式。事情是這樣：

$('form').submit(function(e) { 
    e.preventDefault(); 
    $.get('some_endpoint.php', {form_data :$(this).serialize() }, function (data) { 
    // your callback to insert new html into the div 
    }) 

});

來源

2011-04-11 02:43:31 Jake

使用AJAX顯示錶單提交結果？

回答

相關問題