从局部视图发布更改URL

debugcn 发表于 Dev

艾尔

我有联系表的局部视图。

我的问题是表单发布后，控制器将重定向到部分视图的实际URL ：（“ LocalHost：/Views/ContactUs/MoreInformationRequest.cshtml”）

我想保留相同的URL，并且仅显示ViewData [“ MsgSent”]消息。

这是对局部视图的调用：

@Html.Partial("~/Views/ContactUs/MoreInformationRequest.cshtml")

风景：

   @using (Html.BeginForm( "MoreInformationRequest","ContactUs"))
    {
      .....

       <input type="submit" value="send" /><br />
       @ViewData["MsgSent"]

     }

控制器：

    [HttpPost]
    public ActionResult MoreInformationRequest(ContactUs contacts)
    {

      .....

        ViewData["MsgSent"] = "Message sent!"
        return View();

    }

艾尔

最初，我想到了这种解决方案-使用以下命令重定向到同一页面：

Request.Redirect("~/");

但是我不喜欢这种解决方案，所以我通过使用客户端代码将数据发送到控制器来解决了这个问题：

    <script>
                    var request;
                    $('#formMoreInformationRequest').submit(function () {

                        var Name = document.getElementById('Name');
                        var Phone = document.getElementById('Phone');

                       // without this the validations in the page are not working.
                        if (Name.value == "") {                            
                            return false;}

                        else if (Phone.value == "") {                           
                            return false; }

                        else {

                            $('#overlay').show()


                            if (request) {
                                request.abort();
                            }

                            // setup some local variables
                            var $form = $(this);

                            // let's select and cache all the fields
                            var $inputs = $form.find("input, select, button, textarea");

                            // serialize the data in the form
                            var serializedData = $form.serialize();


                            // let's disable the inputs for the duration of the ajax request
                            $inputs.prop("disabled", true);


                            // fire off the request to /form.php
                            request = $.ajax({
                                url: "/ContactUs/MoreInformationRequest",
                                type: "post",
                                data: serializedData
                            });


                            // callback handler that will be called on success
                            request.done(function (response, textStatus, jqXHR) {
                                $('#overlay').hide()
                                $("#moreInfoMsg").html("Message Sent!");
                            });

                            // callback handler that will be called on failure
                            request.fail(function (jqXHR, textStatus, errorThrown) {
                                $('#overlay').hide()

                                // log the error to the console
                                alert(
                                    "The following error occured: " +
                                    textStatus, errorThrown
                                );
                            });

                            // callback handler that will be called regardless
                            // if the request failed or succeeded
                            request.always(function () {
                                // reenable the inputs
                                $inputs.prop("disabled", false);
                            });


                            // prevent default posting of form       
                            event.preventDefault();

                        }
</script>