jQuery ajax 함수가 Safari (Firefox, Chrome, IE okay)에서 작동하지 않습니다.

Question

저는 3 개의 주요 브라우저에서 작동하는 방법에 대해 의아해하지만 약간의 의문점이 있습니다. 이 코드에 문제가 있습니까? 기본적으로 나는 링크 클릭을 추적하기 위해 주어진 url에서 php/mysql 콜백과 함께 이것을 사용하고있다.

Drupal.behaviors.NodeDownloadCounter = function() { 

    $('a.ndc-link').click(function() { 
     $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name); 
     return true; 
    }); 

}; 

대신

$(document).ready(function() { 

(올바른 드루팔 방법)의 여기 드루팔 동작을 사용

그러나 나는 그것을 두 가지를 시도하고 그 차이를 만들지 않습니다.

"return true"는 제거했지만 아무런 효과가 없습니다.

$('a.ndc-link').click(function() { 
    alert('testing (ignore)'); 
    $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name); 
    return true; 
}); 

하지만 여전히 아무것도 MySQL의에 기록되고 있지 :

---

좋아, 추가 시험은 경고 Safari에서 작업을 수행하는 클릭 트리거를 갖는 것을 알 수있다. 다음은 콜백 함수입니다.

function node_download_counter_log($nid) 
{ 
    global $user; 
    $timestamp = time(); 
    $title = db_result(db_query("SELECT title FROM {node} WHERE nid = %d", $nid)); 

    db_query("INSERT INTO {node_download_counter} (nid, title, download_count, last_download, last_uid) VALUES (%d, '%s', %d, %d, %d) 
        ON DUPLICATE KEY UPDATE download_count=download_count+1, last_download = %d, last_uid = %d", $nid, $title, 1, $timestamp, $user->uid, $timestamp, $user->uid); 

    db_query("INSERT INTO {node_download_counter_log} (nid, title, uid, timestamp) VALUES (%d, '%s', %d, %d)", $nid, $title, $user->uid, $timestamp); 

} 

Answer 1

문제는 브라우저가 데이터 게시물을 완성하기 전에 페이지를 변경하는 것과 같습니다. return false를 추가하여 작업이 시작되는지 확인할 수 있습니다. 그렇다면 링크를 따라 가기 전에 짧은 지연을 추가해야합니다.

업데이트 : 작동하기 때문에 "return true;"다음을 추가하십시오. 당신이 그것을 할 각 'a.ndc-link', 하나의 방법에 한 번 이상 처리기 더 부착하지 않도록주의 할 필요가 t에 의견에 우리의 대화를 기반으로 좋아

if(jQuery.browser.safari){ 
    setTimeout("window.location.href= '"+this.href+"'",500); 
    return false; 
} 

Answer 2

, 위,

$('a.ndc-link').click(function() { 
    var href = this.href; 
    $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name, 
     function() { 
      window.location.href = href; 
     } 
    ); 
    return false; 
}); 

Answer 3

전나무 시도 요소에 맞춤 클래스를 태그하는 것입니다. 나는이 작동하지에 대한 참조

Drupal.behaviors.NodeDownloadCounter = function() { 
    $('a.ndc-link:not(.node-download-counter-processed)').addClass('node-download-counter-processed').click(function(event) { 
     // ... 
    }); 
}; 

한 이유는 링크 대상을 열 페이지를 닫기 때문에이 실제로 서버로 전송되기 전에, 사파리는 $.post 요청을 취소 할 점이다. false를 반환하고 event.preventDefault (이벤트가 이벤트 핸들러의 첫 번째 인수가 됨)을 호출하면 이러한 일이 발생하지 않도록해야하지만 브라우저가 실제로 링크의 대상을로드하지 못하게합니다. 이를 해결하는 한 가지 방법은 POST 요청이 완료 될 때까지 페이지 변경을 연기하는 것입니다.

Drupal.behaviors.NodeDownloadCounter = function() { 
    $('a.ndc-link:not(.node-download-counter-processed)').addClass('node-download-counter-processed').click(function(event) { 
     var link = this; 
     event.preventDefault(); 
     $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name, function() { 
      window.location.href = link.href; 
     }); 
     return false; 
    }); 
}; 

그러나 POST 요청에 오류가없는 경우에만 작동합니다.

더 나은 해결 방법은 클릭하여 로깅을 추가하고 원래 처리기를 호출하도록 링크 대상의 서버 측 처리기를 납치하는 것입니다.