Question

我在下面的表格上有按钮。 *我知道制作类型=＆＃34;按钮＆＃34;阻止按钮提交，但如果单击按钮，如何仍然检索按钮的值？

目标是用户同步他们的linkedin数据。它还记录了单击按钮的情况。我不希望表单提交，因为我有另一个按钮，要求用户接下来同步他们的Facebook数据。

<div class="center">
    <button 
        class="btn btn-linkedin btn-lg"
        data-bind="click: linkedinLogin"
        name = "linkedin"
        value = "linkedin_Submitted"
        type = "button"
        >                   
        <i class="fa fa-linkedin fa-fw"></i> 
        <span>Sync linkedin</span>
    </button>
</div>

Answer 1

如果你想将信息发送到服务器（我想你将这些信息存储在数据库的某个地方），并且你不想提交整个页面，你可以使用事件处理程序，通过AJAX提交数据。

事件处理程序将捕获已完成的操作（单击，按键，悬停等），并返回一些值。关于this page的讨论可能会为捕获事件处理程序提供信息。

一旦拥有它，您就可以进行AJAX调用（Learn about it here）。这些信息可以通过您用于与存储方法接口的任何功能进行存储。

Answer 2

这与css无关，但你需要javascript。将事件处理程序绑定到您的按钮并调用javascript函数以同步linkedin数据（例如，通过ajax call）。

var linkedinSyncButton = document.querySelector(".btn-linkedin");

linkedinSyncButton.addEventListener("click",()=>syncLinkedin());

function syncLinkedin(){
    // sync the linkedin data
}

记录单击按钮的值，无需提交

2 个答案: