在单个按钮上想要发布一个表单，并通过ajax发布数据？

Question

我创建了一个页面，其中我使用了KendoUI树视图控件，其数据通过AJAX调用发布，并且还有表单数据。目前我有一个单独的按钮用于AJAX调用和发布表单，现在我想发布表单数据并在单个按钮上执行AJAX调用。

我试图制作一个jQuery函数，只需单击即可触发两个按钮。我制作了另一个有点击事件的按钮：

<input type=submit onclick="BtnClick" />  <-- on click function call

javascript函数：

function BtnClick() {
    $("#Submit").click(); <-- Submit ajax call
    $("#Save").click(); <-- post form
}

在上面的函数中，AJAX调用正在进行，同时页面也在发布，因此AJAX调用没有完成。

如何通过单击获得此功能？

请告知。

Answer 1

你需要首先发送Ajax Call并在ajax调用触发器的成功函数中提交按钮：

这是伪代码：

$.ajax({
...
...
success:function(){

$("#Save").click();
}
})

Answer 2

您需要将在这些按钮下运行的代码放在他们自己的函数中，以便可以在#Save或#Submit按钮下单独调用它们，或者在{{1}下单独调用它们功能。试试这个：

BtnClick

<form id="myForm">
    <!-- your fields ... -->

    <input type="button" id="postForm" />
</form>