javascript - Jquery AJAX CALL 与 Controller 方法的参数不起作用

Question

我正在 MVC 应用程序中使用 Jquery AJAX 调用。我的观点如下:

<p>

    Name @Html.TextBox("Name")
    Date @Html.TextBox("Date")
    <input type="submit" id="SubmitName" value="Submit" />
</p>

我的 AJAX 调用如下:

<script type="text/javascript">
    function send() {
        var Details = JSON.stringify({
            StudentName: $("#Name").val(),
            DateofJoining: $("#Date").val()
        });
        $('#target').html('sending..');

        $("SubmitName").click(function () {

            $.ajax({
                url: "/DQR/Details",
                type: "POST",
                dataType: "json",
                contentType: "application/json",
                data : Details ,
                success: function (data) {
                    $('#target').html(data.msg);
                },

            });
        })
    }
</script>

我的 Controller 看起来像这样:

[HttpPost]
        public ActionResult Details (string StudentName, string DateofJoining)
        {

            var result = (from dc in _db.Details
                          where dc.Name== StudentName
                          select dc.Address);
            return Json(result, JsonRequestBehavior.AllowGet);
        }

我不知道我错过了什么。 ajax 请求不起作用。谁能帮我解决这个问题吗？

Answer 1

假设你的 Controller 名称是DQR，那么你需要写如下:-

 $.ajax({
                url: "/DQR/Details",
                type: "POST",
                dataType: "json",
                contentType: "application/json",
                data : Details ,
                success: function (data) {
                    $('#target').html(data.msg);
                },

            });

id 应该是:-

 $("#SubmitName").click(function () {
        var Details = JSON.stringify({
        StudentName: $("#Name").val(),
        DateofJoining: $("#Date").val()
    });
    $('#target').html('sending..');

    //// your ajax call
}});

什么是 Send()？我的意思是点击事件应该位于 $(document).ready(function() {});

如果您在客户端玩游戏，我建议使用简单的按钮而不是“提交”。