AJAX Demander de l'Aide pour la page suivante/précédente

Comment puis-je utiliser AJAX pour obtenir la Page Suivante/Précédente(s).

Comment appeler dans un navigateur:

page.php?page=1-1

ou

page.php?page=1

Le retour n'est qu'un texte.

Devrait charger les pages dans ce format:

1-1
ou
1

Lorsque l'utilisateur clique sur la page suivante/précédente bouton(s) comment puis-je passer que le numéro de page à l'appel ajax et afficher les résultats.

Aussi comment puis-je garder une trace de ce que la page de l'utilisateur est en train de lire?
Et comment puis-je mettre un max min pour les pages, comme j'ai 100 pages ne font pas appel à la page 101

http://jsfiddle.net/2b8gR/5/

HTML

<input id="loadPages" name="loadPages" type="button" value="Next" />
<input id="loadPages" name="loadPages" type="button" value="Previous" /> 
<div id="displayResults" name="displayResults">
</div>

JS (pas de travail)

$("#loadPages").click(function(){
    $.ajax({
        url: 'page.php',
        data:{'page': '1-1'},
        error : function (){ alert('Error'); }, 
        success: function (returnData) {
            alert(returnData);
            $('#displayResults').append(returnData);
        }
    });
});
  • Votre javascript a des erreurs suivantes: Error: Problem at line 11 character 1: Expected ')' and instead saw ''. } Problem at line 11 character 1: Missing semicolon. }
  • Sry fait que corriger l'erreur? Firebug ne travaille pas dans Chrome pour moi, soupir...
  • Je crois que votre champ de données est aussi tordu. essayez data: 'page=1-1' ou data:{'page': '1-1'}
  • ok merci, fixe ainsi que
InformationsquelleAutor Phill Pafford | 2011-03-11
  1. 3

    Essayer quelque chose comme cela... Garder une variable globale appelée currentPage et ajustez simplement le numéro de la page en conséquence.

    DÉMONSTRATION EN DIRECT http://jsfiddle.net/Jaybles/MawSB/

    HTML

    <input id="next" type="button" value="Next" />
<input id="prev" type="button" value="Previous" /> 
<div id="displayResults" name="displayResults">Current Page: 1</div>

    JS

    var currentPage=1;
loadCurrentPage();

$("#next, #prev").click(function(){
    currentPage = 
        ($(this).attr('id')=='next') ? currentPage + 1 : currentPage - 1;

    if (currentPage==0) //Check for min
        currentPage=1;
    else if (currentPage==101) //Check for max
        currentPage=100;
    else
        loadCurrentPage();
});

function loadCurrentPage(){
    $('input').attr('disabled','disabled'); //disable buttons

    //show loading image
    $('#displayResults').html('<img src="http://blog-well.com/wp-content/uploads/2007/06/indicator-big-2.gif" />'); 

    $.ajax({
        url: '/echo/html/',
        data: 'html=Current Page: ' + currentPage+'&delay=1',
        type: 'POST',
        success: function (data) {
            $('input').attr('disabled',''); //re-enable buttons
            $('#displayResults').html(data); //Update Div
        }
    });
}

    Ensuite votre page php peut accéder à $_REQUEST['page']; et de renvoyer les données en conséquence.

    • Ceci est très proche de ce dont j'ai besoin, ne semble pas être le travail avec JQM jQuery Mobile. Et en regardant la demande, je ne vois pas le paramètre de la page étant annexée à la demande
    • essayez de supprimer les données de terrain et de faire de l'url de lire url: 'page.php?page=' + currentPage,
    • ouais essayé, toujours rien retourné, mais je vois la demande
    • la page que l'url pointe vers page.php?page=1 travail si vous accédez manuellement?
    • oui, si je vais à la page.le php?page=1 il fonctionne
    • c'est presque de travail, sauf qu'il ajoute les données à la place de remplace les données
    • il devrait remplacer tout le code HTML dans le div appelé displayResults. c'est ce que l' .html() fonction n'.

    InformationsquelleAutor Dutchie432