I want to refresh a page after a function is executed?

Question

function theFinale()
{ document.getElementById("pop2").style.display = 'none';
       document.getElementById("myPopup").style.display = 'none';
       document.getElementById("pop3").style.display = 'none';


        document.getElementById("pop4").style.display = 'block';
         document.getElementById('pop4').style.position = "absolute";
         document.getElementById('pop4').style.top = '250px';
        document.getElementById('pop4').style.left = '250px';
        setTimeout(function(){
        document.getElementById('pop4').className = 'waa';
        }, 2500);
    window.line=document.getElementById('answer').value;

                {
                  $.ajax({
            type: 'POST',
            url: 'qwe.php',
            data: {z: line},
            success: function(data) {

                $("q").text(data);

            }
        });
            document.getElementById('answer').reset();
                }
                 window.location.href=window.location.href;
}

i want to refresh after this function is executed. all the form values that i take in the html form should also be reset.

The least you can do when asking people for help is format your code readably and consistently. The above is an unreadable mess. — T.J. Crowder, Sep 19 '16 at 05:35

score 3 · Answer 1 · answered Sep 19 '16 at 05:30

3

$.ajax() returns results asynchronously. Move window.location.href=window.location.href to success function of $.ajax(). Remove two syntax errors { before $.ajax() call and } following document.getElementById('answer').reset();. Provide an identifier for setTimeout, and call clearTimeout() at success

Outside of theFinale function

var timeout = null;

timeout = setTimeout(function(){
    document.getElementById('pop4').className = 'waa';
}, 2500);

success: function(data) {
            clearTimeout(timeout);
            window.location.href=window.location.href;

         }

answered Sep 19 '16 at 05:30

guest271314

1
15
104
177

can i make it reload after a particular time? – Rahul Sep 19 '16 at 05:37
@Rahul _"can i make it reload after a particular time?"_ Yes. – guest271314 Sep 19 '16 at 05:40

nikjohn · Answer 2 · 2016-09-19T05:34:02.570

0

success: function(data) {
           $("q").text(data);
           location.reload()
        }

Did you try this?

edited Sep 19 '16 at 05:34

answered Sep 19 '16 at 05:29

nikjohn

20,026
14
50
86

If my answer helped you, please upvote and mark as correct answer. Thanks!! – nikjohn Sep 19 '16 at 05:56

I want to refresh a page after a function is executed?

2 Answers2