javascript - 一键启动两个 Action ASP.NET

Question

我正在 asp.net 中开发一个评论页面，这是我的页面:

<form action="#">
<p><textarea id="textArea" rows="5" cols="30"></textarea></p>
<input type="submit" value="Submit" />
</form>
<p>Add some comments to the page</p>

这是我的 javascript 代码:

window.onload = initAll;

function initAll() {
document.getElementsByTagName("form")[0].onsubmit = addNode;
}

function addNode() {
var inText = document.getElementById("textArea").value;
var newText = document.createTextNode(inText);
var newGraf = document.createElement("p");
newGraf.appendChild(newText);
var docBody = document.getElementsByTagName("body")[0];
docBody.appendChild(newGraf);
return false;
}

在那之前，一切都很好，但我希望当用户单击 submit 按钮时，该按钮将触发另一个将评论保存在数据库中的操作。

我该怎么做？

Answer 1

为什么不使用包装器并使其成为一个函数？

addNode 是否可以基于表单中的某些内容来执行这两项操作？

您可以有一个包含 addNode 和 addComment 的提交函数。

例如:

function handleSubmit()
{
    addNode();
    addComment();
    return false;
}

编辑:既然您想调用服务器代码，您有几个选择。您可以通过 ajax 完成这一切，您只需要实现 addComment 函数来调用服务器端事件。如果您需要帮助，请参阅这篇文章:

http://www.dexign.net/post/2008/07/16/jQuery-To-Call-ASPNET-Page-Methods-and-Web-Services.aspx

最简单的方法是将您的按钮更改为 ASP.NET 按钮，然后实现按钮单击事件，该事件将调用您的服务器端方法，尽管这会导致整个页面刷新。

两者的混合体是使用 UpdatePanel，这很容易实现。当您单击按钮时，您将获得 AJAX 解决方案的外观和感觉，但只需要知道如何执行所有服务器端代码并​​让 UpdatePanel 处理所有 AJAX 工作。此方法比仅执行原始 ajax 调用稍微重一些，但操作起来简单得多。

您可以在 UpdatePanels 上阅读:http://msdn.microsoft.com/en-us/library/bb399001.aspx