AJAX-Request-Hilfe für die nächste/Vorherige Seite

Wie kann ich AJAX verwenden, um die Nächste/Vorherige Seite(N).

So rufen Sie in einem browser auf:

page.php?page=1-1

oder

page.php?page=1

Die Rückgabe ist nur text.

Laden sollten die Seiten in diesem format:

1-1
oder
1

Wenn der Benutzer auf die nächste/Vorherige Seite-Taste(s) wie kann ich geben Sie die Seitennummer, um den ajax-Aufruf und Anzeige der Ergebnisse.

Auch wie behalte ich den überblick, welche Seite der Benutzer gerade anschaut?
Und wie bekomme ich eine max-min für Seiten, wie habe ich die 100 Seiten nicht machen, rufen Sie für die Seite 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 (Dieser funktioniert nicht)

$("#loadPages").click(function(){
    $.ajax({
        url: 'page.php',
        data:{'page': '1-1'},
        error : function (){ alert('Error'); }, 
        success: function (returnData) {
            alert(returnData);
            $('#displayResults').append(returnData);
        }
    });
});
Javascript hat folgenden Fehler: Error: Problem at line 11 character 1: Expected ')' and instead saw ''. } Problem at line 11 character 1: Missing semicolon. }
Sry hab das den Fehler beheben? Firebug funktioniert nicht in Chrome für mich jetzt, seufz...
Ich glaube, dass Ihre Daten-Feld ist auch screwy. versuchen data: 'page=1-1' oder data:{'page': '1-1'}
ok danke fest, wie gut

InformationsquelleAutor Phill Pafford | 2011-03-11

  1. 3

    Probieren Sie etwas wie dieses... Halten eine Globale variable namens currentPage und einfach passen Sie die Seitenzahl entsprechend.

    LIVE-DEMO 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
        }
    });
}

    Dann Ihre php-Seite zugreifen können $_REQUEST['page']; und die Rückgabe von Daten entsprechend.

    Dies ist sehr nah an, was ich brauche, nicht zu sein scheinen zu arbeiten mit JQM jQuery Mobile. Und im Blick auf die Anfragen, die ich nicht sehen die Seite parameter angehängt werden, die in der Anfrage
    versuchen Sie, entfernen das Feld Daten und die url Lesen url: 'page.php?page=' + currentPage,
    ja probiert, immer noch nichts zurückgegeben, aber ich sehe die Anfrage
    hat die Seite, die der url verweist auf page.php?page=1 funktionieren, wenn Sie navigieren, um es manuell?
    ja, wenn ich "gehe zu Seite".php?Seite=1 funktioniert es

    InformationsquelleAutor Dutchie432

Schreibe einen Kommentar