Запустить скрипт на клике?

Question

Скажите, что у меня есть URL:

<a href="hello.html" id="4298">hello</a>

Когда кто-то нажимает на эту ссылку, я хочу, чтобы он запускал сценарий с помощью ajax, чтобы мы могли отслеживать, сколько раз была нажата эта ссылка за сценой.

Моя страница называется track.php, которая извлекает идентификатор 4298 через GET, track.php?id=4298 и затем обновляет базу данных соответственно.

Как мне написать код в javascript / ajax, чтобы при нажатии на эту ссылку в виде "onclick event" этот track.php запускался за сценой?

Answer 1

Помните, что для выполнения запроса в фоновом режиме вам нужно будет дождаться ответа AJAX, который последует за щелчком. Если это то, что вы хотите, то с помощью jQuery:

<script type="text/javascript">
var track = function(obj) {
  $.ajax({
    url: "track.php?id="+obj.id,
    success: function(){
      window.location.href = obj.href;
    }
  });
  return false;
};
$('a').click(track);
</script>

Answer 2

<script>
    window.doTheThing = function() {
        //send a request to your 'track.php' URL here 
    };
</script>

<a href="hello.html" id="4298" onclick="doTheThing(); return false;">hello</a>

Answer 3

var anchors = document.body.getElementsByTagName('a');

for (var i = 0, anchorsLength = anchors.length; i < anchorsLength; i++) {

   a.onclick = function(event) {

       event.preventDefault();
       var id = this.id,
           xhr = new XMLHttpRequest();

       xhr.open('track.php?id=' + id);

       xhr.onreadystatechange = function () {
          if (xhr.readyState == 4) {
             if(xhr.status == 200) {
                 window.location = this.href;
             }
          }
       }  
       xhr.send();  
   }
}

Имейте в виду, что XMLHttpRequest() не поддерживает более старые версии IE.

Если вы используете jQuery, используйте функции библиотеки AJAX.