Request resubmitting on page refresh

Asked Nov 22 '16 at 20:41

Active Nov 22 '16 at 21:17

Viewed 89 times

I have a toggle button in my webpage, I submit an ajax request whenever user clicks on the toggle button, one thing is that when I refresh the page after sending the request the page tries to resubmit the request. How can I avoid this resubmission on refresh ?

I have html code as

 <div class="col-md-4">
 <input  class="toggleitem" data-onstyle="success"  checked type="checkbox"   data-toggle="toggle" >
  </div>

and jquery as
<script>

 $(function() {
        $('.toggleitem').change(function() {    

            sendrequest();
        })
    });
function sendrequest()
{
 if (confirm("do you want to continue with this request? ")) {
           $.ajax({
        url: 'https://home/systemstatus/',
        type:post,
        success: function (data) {
             console.log("success"+data);

        }
        });
}
</script>

edited Nov 22 '16 at 21:17

asked Nov 22 '16 at 20:41

R.Stela

SUBMIT – gr3g Nov 22 '16 at 20:42
How does this help my question ? – R.Stela Nov 22 '16 at 20:47
well, type button won't submit the form he's in, type submit (default) will – gr3g Nov 22 '16 at 20:49
1

how are you making the call. Is it in an onClick? – Geno Diaz Nov 22 '16 at 20:51
Its a toggle button , so I used event like ("#togglebutton").change(function(){}); as in jquery – R.Stela Nov 22 '16 at 20:53
im assuming then that you have function() { "function call here" }? – Geno Diaz Nov 22 '16 at 20:59
yes the function call has ajax request – R.Stela Nov 22 '16 at 21:01
It is unclear why a page refresh would trigger a button click. What kind of togglebutton? Something like this [togglebutton](http://stackoverflow.com/questions/13652835/)? What functions are inside `.change(....)`. Without your code this is fishing in the dark. – surfmuggle Nov 22 '16 at 21:02
I have updated my question with the code, i have used bootstrap toggle button – R.Stela Nov 22 '16 at 21:16

Request resubmitting on page refresh

0 Answers0