Нужна помощь с JQuery AJAX-запросом для загрузки PHP-документа в DIV-контейнер

Question

Мне нужна небольшая помощь здесь. Прежде всего, я не уверен, должен ли я использовать функцию .ajax или функцию .load. Я хочу получить файл PHP на сервере и просто загрузить страницу в контейнер DIV. Как я мог пойти об этом?

EDIT:

Спасибо за помощь. Теперь я сталкиваюсь с другой проблемой. Вот код, который я использую.

            <script>
            var spinner = $('#wrapper');

$('.title').live('click',function() {
    var count = 0,
        timeout = setInterval(function() {
            spinner.children('div').css({
                '-moz-transform': 'scale(0.5) rotate(' + count + 'deg)',
                '-webkit-transform': 'scale(0.5) rotate(' + count + 'deg)',
            });

            if (count == 360) {
                count = 0
            }
            count += 45;
        }, 100);

    spinner.fadeIn(300);
    this.disabled = 'true';

    var pageURL=$('.title').attr('href');
    $.ajax({
        url: pageURL,
        type: 'GET',
        data: {
            delay: 4
        },
        success: function(data) {
            $('#b2').html(data);
            $('#ajax').text(data).attr('disabled', false);
            spinner.fadeOut(300, function(){
                clearInterval(timeout);
            });
        }
    });

    return false;
});
</script>

Изначально с помощью PHP я запрашивал базу данных, а с помощью mysql_fetch_assoc я отображал несколько ссылок в списке. Все эти ссылки оформлены с помощью класса «title». Когда я нажимаю на заголовок, он загружает вращающуюся анимацию, которая представляет собой часть кода выше, и файл в контейнер, но загружается только один раз и загружает только первый URL. Может кто-нибудь помочь мне решить эту проблему?

Answer 1

.load() - самый простой подход. Это удобно тем, что это метод, а не глобальная функция. Вы можете получить ту же функциональность от .get() или .ajax(), которые предоставляют все больше и больше опций.

Самый простой:

$('#yourdiv').load('/someURL.php');

Что похоже на:

$.get('/someURL.php', function(data){
  $('#yourdiv').html(data);
});

Что немного проще, чем:

$.ajax({
  url: '/someURL.php',
  type: 'get',
  success: function(data){
    $('#yourdiv').html(data);
});

Answer 2

Взгляните на .load() -метод jQuery .Используйте это так:

$('#container').load('your_script.php');

Answer 3

допустим деление следующим образом

<div id="holder"></div>

, а затем какой-нибудь ajax, например

$.get("my.php", function(data){
  $("#holder").html(data);
});