Question

我需要一点帮助。首先，我不确定我是否应该使用.ajax函数或.load函数。我想在服务器上获取一个PHP文件，然后将页面加载到DIV容器中。我怎么能这样做？

编辑：

谢谢你的帮助。现在我遇到了另一个问题。这是我正在使用的代码。

            <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我在列表中显示了许多链接。这些链接都使用“标题”类进行样式设置。当我点击标题时，它会加载旋转动画，这是上面代码的一部分，并且文件放入容器中，但它只会加载一次，并且只加载第一个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

假设div如下

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

然后是一些ajax，如

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

Answer 3

看一下jQuery的.load()-method。像这样使用它：

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

需要一些帮助jQuery AJAX请求将PHP文档加载到DIV容器中

3 个答案: