Javascript knockout.js设置中的Ajax表单

我对Ajax和knockout不熟悉，并且在现有代码的基础上工作，因此任何形式的帮助都将不胜感激

我要做的是，我必须使下面的函数在淘汰设置下工作。下面的代码正在工作，但我在使用删除设置的页面中遇到了一个问题

<div data-bind="style: { display: isShortlisted() === false ? 'inline-block' : 'none'}">
    <form id="shortlistForm" action="@MVC.GetLocalUrl(MVC.HireOrgJobApplication.AjaxShortlist(Model.Application))" method="post" style="display:inline;">
        @Html.AntiForgeryToken()
           <input type="hidden" name="ApplicationKey" value="@Model.Application.ApplicationKey" />
               <button type="submit" class="btn-act jui-tooltip" title="Shortlist">
                   <i class="fa fa-2x fa-star"></i>
               </button>
    </form>
</div>

@Html.AntiForgeryToken（）

所以，它基本上是一个按钮，“候选名单”和申请人。如果我检查代码的工作版本，我想它是在根据Google Chrome上的“网络”控制台将“@Model.Application.ApplicationKey”发布到“ajax短名单”链接。（附截图）

因此，屏幕截图显示应用程序密钥被添加到ajax短名单页面，并使其成为“短名单”

当我只是将粘贴代码复制到带有敲除设置的页面时，会出现如下错误：

我知道这个问题缺少很多信息，但如果你要求的话，我可以提供更多信息。我只是不知道该怎么做

提前谢谢

编辑：

我可以补充更多的信息。因此，我要做的是，如果我单击按钮，它不仅应该将信息发布到ajax短名单，而且应该更改图标

<div data-bind="style: { display: isShortlisted() === true ? 'inline-block' : 'none'}">
  <form id="unshortlistForm" action="@MVC.GetLocalUrl(MVC.HireOrgJobApplication.AjaxUnshortlist(Model.Application))" method="post" style="display: inline;">
  @Html.AntiForgeryToken()
    <input type="hidden" name="ApplicationKey" value="@Model.Application.ApplicationKey" />
      <button type="submit" class="btn-act-active jui-tooltip" title="Remove from shortlist">
        <i class="fa fa-2x fa-star" style="color:#f3b700;"></i>
      </button>
  </form>
</div>

@Html.AntiForgeryToken（）

但这只有在我刷新它时才起作用。当我点击“入围名单”按钮时，它应该会自动切换到这个按钮。我假设这是因为我们不能在doc.ready设置上呈现ajax表单。所以我基本上需要的是，我希望ajax在生成淘汰后工作

---

请帮忙

在ASP.NETMVC和knockoutjs中要记住的一点可能是重复的，即处理工作是在这里完成的。NETMVC是基于服务器的，knockoutjs是基于客户端的。