使用表單使用AJAX？

我想知道如何使用JQuerys AJAX功能完成以下任務。使用表單使用AJAX？

在我的網站上，我希望用戶能夠將表單數據提交給PHP腳本，然後將該scipt加載到我的網站的div區域。

例如，在我的網站上，當用戶從菜單中選擇一個鏈接時，它會將選定頁面加載到我網站的div區域。下面是此功能的代碼：

$('#horizontal_Menu a').click(function(e) 
{ 
    e.preventDefault(); 
    $('#web_Content').load($(this).attr('href'), function() 
    { 
    }); 
});

這工作，因爲當用戶選擇一個鏈接中的href屬性值加載到#web_Content格。

現在可以說，我有以下形式：

<form id="form_Ref" method="post"> 
    <input type="text" name="regUname" /> 
    <input type="submit" value="Go" /> 
</form>

我怎麼能這樣當點擊提交按鈕的代碼這一點，將數據發送到PHP腳本，但該腳本像我的菜單系統加載內部的div加載到div的頁面。我已經看了看jquerys提交功能，我甚至不能似乎得到了以下工作：

$('#form_Ref').submit(function() 
{ 
    alert('Submit button is clicked.'); 
    return false; 
});

任何想法如何提交表單的PHP腳本，然後把它加載到一個div部分？

感謝您的幫助？

來源

2011-04-10 Dan Smithe

好了，URL在form標籤的target屬性現在舉行，所以看爲：

$('#form_Ref').submit(function(e) 
{ 
    e.preventDefault(); 
    $('#web_Content').load($(this).closest('form').attr('target'), function() 
    { 
    }); 
});

來源

2011-04-10 21:25:37

使用表單使用AJAX？

回答

相關問題