jQuery的防止多個AJAX調用

我在網頁<a>元素通過AJAX加載：jQuery的防止多個AJAX調用

<div class="small-box bg-aqua"> 
    <div class="inner"> 
     <div class="col-xs-4 text-center"> 
      <h2>___</h2> 
      <p>____</p> 
      <ul class="list-unstyled"> 
       <li> 
        <i class="fa fa-building"></i> 
        <strong> Address</strong>: - 
       </li> 
       <li> 
        <i class="fa fa-phone"></i> 
        <strong> Phone #</strong>: - 
       </li> 
      </ul> 
     </div> 
     <a id="corp1" class="small-box-footer" href="1"> 
      More info 
      <i class="fa fa-arrow-circle-right"></i> 
     </a> 
    </div> 
</div>

下面的腳本將使該<a>元素進行Ajax調用

$('body').on('click', 'a[id^="corp"]', function(e) { 
    call_master('corporate/get_detail', $(this).attr('href')); 
    e.preventDefault(); 
});

當點擊該鏈接只有一次生成多個ajax調用。

我該如何解決這個問題？

來源

2016-07-29 oedin

目前還不清楚你說/問。你是否說過點擊鏈接**一次**生成多個Ajax調用？因爲上面的代碼不會那樣做（除非你有一個無效的HTML結構嵌套'a'元素）。 –

@TJCrowder，抱歉，對於遲到的回覆，這就是我的意思，點擊鏈接只有一次，但生成多個Ajax調用，我多次使用腳本，但它從未發生過，所以它真的令人困惑 – oedin

您的call_master函數可以在循環 –

變化$('body').on()與$('body').one()和解決了這個問題，謝謝大家_ :)

來源

2016-08-02 04:22:57 oedin

jQuery的防止多個AJAX調用

回答

相關問題