Comment charger du contenu avec jQuery?

J'essaye d'ajouter la fonctionnalité d'ajax à ma pagination ainsi le contenu charge dans la même page au lieu de l'utilisateur devant naviguer à une autre page en cliquant sur les liens de page.Comment charger du contenu avec jQuery?

Je devrais mentionner que j'utilise this php pagination class. Étant nouveau pour jquery, je ne suis pas sûr de savoir comment faire correctement avec la classe de pagination.

C'est ce que la page principale ressemble à:

<?php 
$categoryId=$_GET['category']; 
echo $categoryId; 
?> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript" src="jquery_page.js"></script> 

<?php 
    //Include the PS_Pagination class 
    include('ps_pagination.php'); 
    //Connect to mysql db 
    $conn = mysql_connect('localhost', 'root', 'root'); 
    mysql_select_db('ajax_demo',$conn); 
    $sql = "select * from explore where category='$categoryId'"; 
    //Create a PS_Pagination object 
    $pager = new PS_Pagination($conn, $sql, 3, 11, 'param1=value1&param2=value2'); 
    //The paginate() function returns a mysql 
    //result set for the current page 
    $rs = $pager->paginate(); 
    //Loop through the result set 

echo "<table width='800px'>"; 

    while($row = mysql_fetch_assoc($rs)) {    

       echo "<tr>"; 
        echo"<td>"; 
        echo $row['id']; 
        echo"</td>"; 

        echo"<td>"; 
        echo $row['site_description']; 
        echo"</td>"; 

        echo"<td>"; 
        echo $row['site_price']; 
        echo"</td>"; 
       echo "</tr>"; 

    } 
echo "</table>"; 

     echo "<ul id='pagination'>"; 

      echo "<li>"; 
      //Display the navigation 
      echo $pager->renderFullNav(); 
      echo "</li>"; 

     echo "</ul>"; 

?> 

<div id="loading" ></div> 
<div id="content" ></div> 

<a href="#" class="category" id="marketing">Marketing</a> 

<a href="#" class="category" id="automotive">Automotive</a> 

<a href="#" class="category" id="sports">Sports</a>

Toute aide sur ce serait génial. Merci.

Source

2010-04-01 ClarkSKent

Quels sont les problèmes spécifiques que vous rencontrez (plutôt que de simplement "je ne sais pas quoi faire")? Par exemple, je ne vois aucun appel ajax dans ce script. Les problèmes liés à la mise en place de la classe de pagination en général sont-ils également importants? ou comment utiliser jQuery Ajax? – webbiedave

Je ne sais pas comment faire la jquery, donc quand un utilisateur clique sur par exemple, page 2, jquery va charger la page 2 sans envoyer l'utilisateur à une autre page. – ClarkSKent

$("a.category").live("click", showContent) 

function showContent() 
{ 
    $("#content").load("/url/path/" + $(this).attr("id")); 
}

chargera soit /url/chemin/marketing,/url/chemin/automobile ou/url/chemin/sports

dans le contenu div

Source

2010-04-01 15:42:30 Graeme

Comment charger du contenu avec jQuery?

Répondre

Questions connexes