Do not clear screen data when giving error

Question

Do not clear screen data when giving error

Asked 7 years, 3 months ago

Viewed 56 times

0

Hi, I’m a little layy with scripts still. I ask for help, if possible.

I got the following script :

 $.ajax({
                    type: "POST",
                    url: "/PreVenda/GuardarPreVenda",
                    dataType: 'json',
                    data: JSON.stringify(json),
                    async: false,//this makes the ajax-call blocking
                    contentType: 'application/json;charset=UTF-8',

                    success: function (response) {
                        alert(response);
                        window.location.reload().ajax();
                        valid = response.valid;
                    },
                    error: function (error) {
                        alert(error);

                    }
                });

            });

Use the window.location.reload().ajax(); for when saving, it clears all fields on the screen, but when an error occurs on the page, it simply clears the fields too, I just want to clear the fields when everything goes right and not when it goes wrong.

If anyone can help me, I’d appreciate it.

1

What are you calling that $.ajax? You won’t have a <form> or <a> what is being called? What is this ...reload().ajax()?

– Sergio

2017/09/01 at 15:42
This Reload(). ajax() is really weird.

– Brunno Vianna

2017/09/01 at 15:50
I call the ajax every time I click the save button, I don’t have a <form> or <a> to be called, that Reload(). ajax() makes all my form clean, but it cleans up until the error, wanted some way to just clean up if everything’s all right.

– Alysson bormann

2017/09/01 at 15:52
It seems to me that after the success, he wants to re-load the page. But then it doesn’t make sense to re-load using Ajax.

– Sam

2017/09/01 at 15:52
I tried to use after the success call Function function limpiar() {
 $("id_cliente").val("");
 $("nome_cliente").val("");
 $("id_vendedor").val("");
 $("nome_vendedor").val("");
 $("Tot_bruto").val("");
 $("Tot_desc_prc").val("");
 } Limpar(), but not clean.

– Alysson bormann

2017/09/01 at 15:54
@Alyssonbormann You can give an example of which error can appear that also clears the fields?

– Sam

2017/09/01 at 15:56
Error if the user does not enter a name, or id, even basic validation, that is being treated within my code and not by script

– Alysson bormann

2017/09/01 at 15:58
Missed putting # ->> $("#id_cliente").val(""); on each of the selectors.

– Sam

2017/09/01 at 15:59

Show 3 more comments

1 answer

Browser other questions tagged javascript ajax

You are not signed in. Login or sign up in order to post.

by Brunno Vianna • **755** points · Answer 1 · 2017-09-01T15:59:46+00:00

You are using window.location.reload() just to clear the form fields and this is not absolutely recommended.

Let’s say your form is <form id="form">, then make a selector on the form identifier and run:

success: function (response) {
    $("#form")[0].reset();
    valid = response.valid;
}

Or, if the form is cleared is tied to the validity of the answer:

success: function (response) {
    valid = response.valid;

    if (valid){
        $("#form")[0].reset();
   };
}

Or as pure javascript (comment hint):

success: function (response) {
    valid = response.valid;

    if (valid){
        document.getElementById("form").reset();
   };
}

Remember to change #form by the identifier of your form that suits you best.