jquery - DIV でマウスオーバー機能を停止して、無制限の while ループのように継続しないようにする方法は?

Question

私はdivを持っており、それをクリックすると、サーバーからいくつかの情報を取得し、テーマをコンテンツに入れてユーザーに表示しますそして、これは k 無制限ループのように続きます。ユーザーがマウスを押したままにすると、完了した作業が再び開始されない場合、どのように処理できますか?

 <div id="picdiv" onmouseover="getit(this,'123')" onmouseout="killit(this)"></div>

私のコード:

var xhr;

function getit(picdiv, pid) {

  $('#picdiv').html('please wait...');

 xhr= $.ajax({
    url: "/Getcontent",
    type: 'POST',
    dataType: 'json',
    data: null,
    contentType: 'application/json; charset=utf-8',
    success: function (content) {
        $('#picdiv').html(content);

    },
    error: function (content) {
       //do something
    }
   });
}

  function killit() {
  xhr.abort()
 }