php - 需要一些关于 jQuery AJAX 请求的帮助,将 PHP 文档加载到 DIV 容器中

标签 php javascript jquery ajax

我在这里需要一点帮助。首先,我不确定是否应该使用 .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 在列表中显示许多链接。这些链接都以“标题”类为样式。当我点击标题时,它会加载一个旋转动画,这就是上面代码的一部分,并将文件加载到容器中,但它只会加载一次,并且只加载第一个网址。有人可以帮我解决这个问题吗?

最佳答案

.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);
});

关于php - 需要一些关于 jQuery AJAX 请求的帮助,将 PHP 文档加载到 DIV 容器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4006344/

相关文章:

php - 数组不包含数据库中的所有值

javascript - Facebook 和 google 如何随机化 html 选择器 id 和类名?

javascript - 使用 react 双击编辑输入的文本

javascript - jQuery html() 在 iframe 中失败?

jQuery 解析 JSON 多维数组

php - 将 HTML 数据插入数据库表

php - 在 WordPress 中,如何针对特定用户并调整附加代码?

PHP multi curl 在一台机器上工作,在另一台机器上失败

javascript - 如何将工具提示添加到 vuetify 中的数据表标题?

jQuery CSS 更改恢复到原始状态!