AJAX create form. 406 error on form submit

Technical Q&A
1

Hi Everyone, i have a problem with my code, don’t understand where. when trying to send the ajax request to create an account i get 406 error. can somebody help with this? Thanks in advance.

var customerdata = {
            'customer[email]': "dev@astraverdes.com",
            'customer[password]': "12345",
            'customer[first_name]': "Dan",
            'customer[last_name]': "Test",
            'form_type': 'create_customer',
            'utf8' : '✓'
        };
        $.ajax({
            url: "/account",
            type: "POST",
            data: customerdata,
            dataType: 'json',
            beforeSend: function(x) {
                $('.js-customer-create').remove( $('.registration-form-errors') );

            },
            success: function(result) {

                alert("SUCCESS:"+result);
                $('.js-customer-create').prepend(`Thank You, account has been successfully created.
`);

                // window.location.href = "/account";
            }, error: function(jqXHR, textStatus, errorThrown) {
                console.log(jqXHR);
                alert("FAIL:"+textStatus+"::jqXHR:"+JSON.stringify(jqXHR)+"::Error Thrown:"+errorThrown);
                console.log("jqXHR Error:"+JSON.stringify(jqXHR));
            }
        });
2

Hi @agafonec ,

I am not familiar with jquery but I think you need headers on your request. Are you requesting it at the backend?

3

I think it’s a bad solution to create a client. To do this, you can use the Storefront API. Use mutation customerCreate (https://shopify.dev/api/storefront/2022-04/mutations/customerCreate)).