What I'm trying to do should be simple.

I'm trying to post some form values to an mvc controller that returns JSON.

If I get true for success, I show one popup if I get false I show another pop-up.

But in the console I get two errors:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check /.

browserLink:37 Setting 'XMLHttpRequest.withCredentials' for synchronous  requests is deprecated.
Navigated to /

and the page just reloads.

Heres my code:

    $('#mail-message-btn').click(function () {
    if ($("form")[0].checkValidity()) {
        var formParams = $('#contact-form').serialize();
        $.post('/umbraco/surface/Contact/ContactForm', formParams, function (data) {
            processData(data);
        });
    }
});


function processData(data) {
    $('#mail-failure').hide();
    $('#invalid-email').hide();
    $('#empty-field').hide();
    $('#mail-success').hide();
    if (data.success == 'True') {
        $('#mail-message-header').toggleClass('mail-message-error', false);
        $('#mail-message-header').toggleClass('mail-message-success', true);
        $('#mail-success').show();
        $('#mail-message').show();

        alert("true");
    } else if (data.success == 'False') {

        alert("false");
        $('#mail-message-header').toggleClass('mail-message-error', true);
        $('#mail-message-header').toggleClass('mail-message-success', false);
        $('#mail-failure').show();
        $('#mail-message').show();

    }
}

I put test alert windows in to make sure I am getting in to the right if blocks and when I do this it works! (the pop up windows shows) but as soon as I click the ok in the alert box my pop up window vanishes!

So Frustrating, I have also tried $.Ajax with the same result!

Help?

What I'm trying to do should be simple.

I'm trying to post some form values to an mvc controller that returns JSON.

If I get true for success, I show one popup if I get false I show another pop-up.

But in the console I get two errors:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg/.

browserLink:37 Setting 'XMLHttpRequest.withCredentials' for synchronous  requests is deprecated.
Navigated to http://aso.local/

and the page just reloads.

Heres my code:

    $('#mail-message-btn').click(function () {
    if ($("form")[0].checkValidity()) {
        var formParams = $('#contact-form').serialize();
        $.post('/umbraco/surface/Contact/ContactForm', formParams, function (data) {
            processData(data);
        });
    }
});


function processData(data) {
    $('#mail-failure').hide();
    $('#invalid-email').hide();
    $('#empty-field').hide();
    $('#mail-success').hide();
    if (data.success == 'True') {
        $('#mail-message-header').toggleClass('mail-message-error', false);
        $('#mail-message-header').toggleClass('mail-message-success', true);
        $('#mail-success').show();
        $('#mail-message').show();

        alert("true");
    } else if (data.success == 'False') {

        alert("false");
        $('#mail-message-header').toggleClass('mail-message-error', true);
        $('#mail-message-header').toggleClass('mail-message-success', false);
        $('#mail-failure').show();
        $('#mail-message').show();

    }
}

I put test alert windows in to make sure I am getting in to the right if blocks and when I do this it works! (the pop up windows shows) but as soon as I click the ok in the alert box my pop up window vanishes!

So Frustrating, I have also tried $.Ajax with the same result!

Help?

• javascript
• jquery
• ajax
• post
• model-view-controller

• Possible duplicate of jQuery has deprecated synchronous XMLHTTPRequest – KyleMit ♦ Commented Apr 30, 2018 at 14:35

1 Answer 1

The error you are seeing es from Visual Studio's BrowserLink. Possibly try disabling BrowserLink and see if you still get the error?

http://www.poconosystems./software-development/how-to-disable-browser-link-in-visual-studio-2013/