Question

我在布局页面中有DropDownList，在其他页面中用户可以提交表单，我希望页面在用户更改DropDownList时自动更新，但页面会在用户更改时自动提交。

<script>
        $(document).ready(function () {
            $("#Services").change(function (event) {
                var Servicecookie = getCookie("sid_Cookie");
                if (Servicecookie != null) {
                    setCookie("sid_Cookie", $(this).val());
                    $("#selectedService").html($("#Services option:selected").text());
                }
                else {
                    setCookie("sid_Cookie", $(this).val());
                    $("#selectedService").html($("#Services option:selected").text());
                }

                location.reload();

            });
        });

        function getCookie(key) {
            var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
            return keyValue ? keyValue[2] : null;
        }
        function setCookie(key, value) {
            var expires = new Date();
            expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000));
            document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
        }
    </script>

解决：

我首先获取页面URL地址，然后转到它。

var url = window.location.href;
window.location.href = url;

使用此代码，我调用[HttpGet]动作。

Answer 1

您可以使用event.preventDefault（）。

如果调用此方法，则不会触发事件的默认操作。

例如，单击的锚点不会将浏览器带到新的URL。我们可以使用event.isDefaultPrevented（）来确定此方法是否已被此事件触发的事件处理程序调用。

请参阅：https://api.jquery.com/event.preventdefault/

如何在不使用jquery提交的情况下刷新页面

1 个答案: