AJAX - динамические данные вне ссылки для запроса

Question

У меня есть страница, заполненная избранными кнопками, которая до тех пор, пока не узнает (после щелчка), перешла на внешнюю страницу и затем перезагрузила страницу (с помощью запросов в URL).Но теперь я хочу, чтобы то же действие отправлялось через AJAX, и поэтому перезагрузка страницы не требуется.

    ?page=index&action=favorite&hash=IDFROMTHEFAV

    <ul>
      <li><a href="#" id="1" name="favorite>FAV 1</a></li>
      <li><a href="#" id="2" name="favorite>FAV 2</a></li>
      <li><a href="#" id="3" name="favorite>FAV 3</a></li>
    </ul>

Может ли кто-нибудь помочь мне в этом?

Заранее спасибо

Answer 1

Вы можете попробовать что-то подобное в вашем index.php

function getXMLHttpRequest() {
    var ajax = false;

    if ( window.XMLHttpRequest ) {
        ajax = new XMLHttpRequest();
    } else if ( window.ActiveXObject ) {
        try {
            ajax = new ActiveXObject( "Msxml2.XMLHTTP" );
        } catch ( e ) {
            try {
                ajax = new ActiveXObject( "Microsoft.XMLHTTP" );
            } catch ( e ) {}
        }
    }

    return ajax;
}

document.getElementById('link1').onload = function(e) {
    var ajax = getXMLHttpRequest();

    ajax.onreadystatechange = function () {
        'use strict';
        if (ajax.readyState === 4) {
            if (ajax.status === 200 || ajax.status === 304) {
                var data = ajax.responseText;
                console.log( data );
                // document.body.innerHTML = data;
            }
        }
    };

    ajax.open('GET', 'test.json', true);
    ajax.send(null);

    e.preventDefault();
    return false;
};

Вы также можете создать скрипт php, который либо возвращает XML или JSON, а затем форматировать для отображения в html