自動AJAXコールを停止する方法は？

私は、チェックボックスがオンになっている場合自動AJAXコールを停止する方法は？

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://code.jquery.com/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> 

    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 

    Auto-ON 
    <input id="inp" type="checkbox" data-toggle="toggle" /> 

    <div id="out"></div> 


    <script> 

    $('#inp').change(function(){ 
    if (this.checked) { 

     setInterval(function(){ 
     $.ajax({ 
       url: 'http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=AAPL', 
       dataType: 'jsonp', 
       success: function(results) { 
       $("#out").append(results.Status + "<br />"); 
       } 
     }); 
    },5000); 


    } 
    }); 

    </script> 


</body> 
</html>

は、私は5秒ごと用のAJAX呼び出しをしたい、APIに以下のAJAX呼び出しを持っています。チェックボックスがオフの場合、AJAXコールは停止する必要があります。私はここで何が欠けていますか？ http://jsbin.com/quqazofesu/edit?html,output

出典

2016-04-11 Kemat Rochi

あなたはthis.checkedがfalseの場合clearIntervalを呼び出す必要があります -

は、ここで私はこれまで持っているものへのリンクです。試してみてください：

var interval; 

$('#inp').change(function() { 
    if (this.checked) { 
     interval = setInterval(function(){ 
      $.ajax({ 
       url: 'http://dev.markitondemand.com/MODApis/Api/v2/Quote/jsonp?symbol=AAPL', 
       dataType: 'jsonp', 
       success: function(results) { 
        $("#out").append(results.Status + "<br />"); 
       } 
      }); 
     }, 5000); 
    } else { 
     clearInterval(interval); 
    } 
});

出典

2016-04-11 09:12:55

Ajaxでインターバルを使用することはお勧めしません。

これを試してみてください：

var getCheck; 
function getIt() { 
    if (!getCheck) return; 
    $.ajax({ 
    url: '...', 
    dataType: 'jsonp', 
    success: function(results) { 
     $("#out").append(results.Status + "<br />"); 
     if (getCheck) { 
     setTimeout(getIt,5000); 
     } 
    } 
    }); 
} 

$(function() { 
    $('#inp').on("change",function(){ 
    getCheck = this.checked; 
    if (getCheck) getIt(); 
    }); 
});

出典

2016-04-11 09:15:39 mplungjan

自動AJAXコールを停止する方法は？

答えて

関連する問題