Question

我想知道如何使用JQuerys AJAX功能完成以下任务。

在我的网站上，我希望用户能够将表单数据提交到PHP脚本，并将该scipt加载到我的站点的div区域。

例如，在我的网站上，当用户从菜单中选择一个链接时，它会将所选页面加载到我网站的div区域。以下是此功能的代码：

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

这是有效的，因为当用户选择一个链接时，href属性值被加载到#web_Content div中。

现在让我说我有以下形式：

<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部分？

感谢您的帮助？

Answer 1

好了，网址现在保存在target标记的form属性中，所以请查看：

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

在表单中使用AJAX？

1 个答案: