2012-05-18 6 views
2

привета Я новый Programer Я хочу, чтобы заменить содержимое текущей страницы PHP из другого PHP страницы с помощью Аякса без освежающей страницы.как загружать контент с другой страницы с помощью AJAX

содержание должно быть заменено на div's.

обе страницы (текущие и другое) имеет такой же DIV в

HTML Div являются:

<div class="category-container"> 
    <div class="category-image"></div> 
    <div class="category-desc"><a href="#">#</a><p>text</p></div> 
    <div class="rating5" >Editors' rating: </div> 
    <div class="category-download-btn"><a href="#">Download</a></div> 
    <div class="category-buy-btn"><a href="#">Buy</a></div> 
    </div> 

может кто-нибудь сказать мне, как я могу это сделать. это будет большой помощью. также вы можете предоставить мне код ajax, а не jquery.

спасибо.

+0

я прошел через многие учебники, но не ясно понял, что вот почему спрашиваю здесь , –

ответ

5

Посмотрите на JQuery-х load секция на фрагментах загрузки страницы:

Метод

.load(), в отличие от $ .get() позволяет указать часть удаленного документа будет вставлено.

Чтобы получить содержимое DIV на другую страницу в аналогичном DIV на текущей странице, использовать что-то вроде:

$('#content').load('other-page.php #content'); 
//^target div     ^same div on the other page 
+0

ok плохо смотрю это спасибо u. –

+0

@ Enggboy Cool. Если это правильно, пожалуйста – paislee

+0

это лучший способ, который я нашел, поскольку мне нужно извлечь только часть с другой страницы, спасибо man u rock. –

0

использование jquery.ajax его легко ... старый способ сделать Ajax звонки было слишком сложным, JQuery сделал это легко,

вам необходимо установить библиотеку JQuery, включить его в Уре голову тег и идти тщательное следующее ссылка для ясного понимания, его очень легко

Jquery.ajax

+0

Я хочу использовать ajax-код, который меньше, чем файл jquery, с которым я должен ссылаться. Знаете ли вы, какой хороший учебник для этого. –

2

это обычно называют jquery.ajax

function getVotes(id){ 
$.ajax({ 
    type: 'get', 
    url: 'ay/templates/backend/_votes_partial.tpl.php', 
    data: 'charity_id=' + id, 
    success: function(data) { 
     $('#shadow').fadeIn('slow'); 
     $('#popupContact').fadeIn('slow'); 
     $('#content').html(data); 

    } 
}); 

}

+1

Вы не могли бы просто отредактировать свой первый ответ? – SupremeDud

+0

спасибо за коды. –

1

самый простой способ будет:

$.get("pageurl",function(data){ 
    $("yourdiv").html(data); 
}); 
+0

thank u, для php-страницы мне нужно использовать $ ("yourdiv) .php (data), будет ли она работать –

+0

nope. JQuery не имеет никакой функции php. Вы можете заменить" pageurl "на URL-адрес вашей php-страницы и «yourdiv» с содержимым div, которое вы хотите изменить, и оно будет работать. –

+0

получил это, спасибо u. –

0

Вы правы в предположении, JQuery является путь. Я далек от эксперта, но это должно помочь. Документы просты.

Как правило, Jquery следует за найти что-то того сделать что-то подхода.

  • Найти что-то ---> смотреть на какие-то действия на какой-то элемент (например, изменить избранную форму или нажав на ссылку)
  • ли что-то ---> сделать Ajax вызов страницы PHP вы хотите заменить текущий DIV с новым DIV

документация JQuery здесь с примером в нижней части, которая показывает точно то, что вы пытаетесь сделать http://api.jquery.com/jQuery.post/

Некоторого другого полезного JQuery сотрудничества mmands для этой задачи могут быть ...

Надеется, что это помогает.

+0

получил это спасибо u .. –

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