Как загрузить содержимое с помощью jQuery?

Я пытаюсь добавить функцию ajax в свою разбивку на страницы, чтобы содержимое загружалось на одной странице, а не пользователю, чтобы перейти на другую страницу при нажатии ссылок на страницы.Как загрузить содержимое с помощью jQuery?

Следует упомянуть, что я использую this php pagination class.

Будучи новым для jquery, я не уверен, как правильно это сделать с помощью класса разбиения на страницы.

Это то, что главная страница выглядит следующим образом:

<?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>

Любая помощь на это было бы здорово. Благодарю.

источник

2010-04-01 ClarkSKent

Каковы специфические проблемы, с которыми Вы сталкиваетесь (а не просто «я не уверен, что делать»)? Например, я не вижу никаких вызовов ajax в этом скрипте. Также возникают проблемы, связанные с тем, как настроить класс разбивки на страницы в целом? или как использовать jQuery Ajax? – webbiedave

Я не уверен, как сделать jquery, поэтому, когда пользователь нажимает, например, на стр. 2, jquery загрузит страницу 2, не отправив пользователя на другую страницу. – ClarkSKent

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

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

загрузит либо /URL/путь/маркетинг,/URL/путь/автомобилестроение или/URL/путь/спорт

в DIV контента

источник

2010-04-01 15:42:30 Graeme

Как загрузить содержимое с помощью jQuery?

ответ

Смежные вопросы