jquery - 将对象从 JSONResult 传递给 jQuery 中的其他函数

问题描述

如何将我的 Jsonresult 的对象（或我的对象的 id）传递给 jQuery 中的另一个函数？当我的 Actionresults 返回视图或其他操作时，我一切正常，但现在我必须更改所有内容以使其在模式中工作，我无法通过第一步。

我的 jQuery：

$(document).ready(function () {
var registerEmailBtn = $("#registerEmailBtn");

registerEmailBtn.click(function (e) {
    e.preventDefault();
    SaveEmailAddress();
    $("#step1").addClass("d-none");
    $("#step2").removeClass("d-none");

});

});


function SaveEmailAddress() {
var user = {
    ID: $("#emailId").val(),
    Email: $("#emailField").val()
};

$.ajax({
    type: "POST",
    contentType: "application/json; charset=UTF-8",
    url: "/api/UserManagement/Register",
    data: JSON.stringify(user),
    dataType: "json",
    success: function (response) {
        console.log(response);
    }
});
}

当我检查控制台时，带有从我的控制器返回的数据的对象就在那里。

控制器功能：

    Function Register(user As User) As JsonResult
        user.ConfirmationCode = codeGenerator.CreateConfirmationCode()
        Dim id = _userData.AddEmailAddressLastId(user)
        user.ID = id
        Return Json(user)
    End Function

输出控制台：

下一步应该是确认代码，当我从 actionresults 返回视图时，这些方法有效，但我似乎无法弄清楚如何将我的对象的 id 传递给下面的方法。

    <HttpGet>
    Function GetConfirmCode(Optional ByVal id As Integer = 0) As JsonResult
        Dim user As New User
        If id > 0 Then
            user = _userData.GetUserByID(id)
            user.ConfirmationCode = ""
        End If
        Return Json(user)
    End Function

    <HttpPost>
    Function ConfirmCode(Optional user As User = Nothing) As JsonResult
        Dim enteredCode = user.ConfirmationCode
        Dim givenCode = _userData.GetConfirmationCode(enteredCode)

        If String.IsNullOrEmpty(givenCode) Or String.IsNullOrWhiteSpace(givenCode) Then
            TempData("ErrorMessage") = "Codes don't match"
            Return Json(user)
        End If

        user = _userData.GetUserWithConfirmationCode(givenCode)
        Return Json(New With {user.ID}, JsonRequestBehavior.AllowGet)

    End Function

我只想将我的注册函数中的 ID 传递给 confirmCode 函数，这样我就可以从我的数据库中检索正确的记录。我尝试过隐藏字段，但似乎无法填充它们。

HTML：

  @Using Html.BeginForm()

            @<div id="step1">
                @Html.HiddenFor(Function(m) m.ID, New With {.id = "emailId"})
                @Html.TextBoxFor(Function(m) m.Email, New With {.id = "emailField"})
                <button class="mybtn-sm color-btn-default" id="registerEmailBtn">Volgende</button>
                <div class="code-link">
                    <a href="#">Ik heb al een uitnodigingscode ontvangen</a>
                </div>
            </div>
        End Using

        @Using Html.BeginForm()
            @<div id="step2" class="d-none">
                @Html.HiddenFor(Function(m) m.ID, New With {.id = "idField"})
                @Html.TextBoxFor(Function(m) m.Email, New With {.id = "checkEmail"})
                @Html.TextBoxFor(Function(m) m.ConfirmationCode, New With {.id = "confCodeField"})
                <button class="mybtn-sm color-btn-default" id="confCodeBtn">Volgende</button>
            </div>
        End Using
        <div class="login-socials">
            <div class="title">
                <h3>Aanmelden met</h3>
            </div>
            <div class="social-links">
                <div class="social-link-item"><p><i class="fab fa-facebook"></i>&nbsp;Facebook</p></div>
                <div class="social-link-item"><p><i class="fab fa-google"></i>&nbsp; Google</p></div>
                <div class="social-link-item"><p><i class="fab fa-linkedin"></i>&nbsp; linkedin</p></div>
            </div>
        </div>
        @*<a href="#" rel="modal:close">Close</a>*@
    </div>
</div>

标签： jqueryajaxasp.net-mvcvb.net

jquery - 将对象从 JSONResult 传递给 jQuery 中的其他函数

问题描述

解决方案

推荐阅读