0

我有一个非常奇怪的问题......不知道是否有可能，但是虽然我知道如何通过旧的获取网址和刷新页面来做到这一点，但我想尝试使用 jquery 调用文件并发布的新方法或通过 jquery 但不使用表单“获取”数据。

我将使用一个<a>链接，如果您访问我的网站http://www.jonathansconstruction.com/gallery.php，您会看到第二个画廊菜单，其中显示查看全部，这将过滤要查看的类别并希望显示它在现在显示的 div 中，我曾经使用的每个类别一个 div

<a href = "file.php?catfilter=category">aaa</a>

并且在 php 端使用 a $_GET[];，所以我想知道一种不同的方式来传递值来设置类别过滤器，并且能够使用 jquery 菜单“当前”。顺便说一句，菜单也会根据数据库中的类别数量动态生成。

还希望添加“twitter/fb”样式的分页（在向下滚动或用户单击时加载更多数据显示更多），但也希望按从数据库中获取的类别对 div 进行分组。这就是整个想法，我确实知道如何设置输出并做很多 php 方面将项目组合在一起，但是，我不太确定新的分页样式（用于使用带有页面的分页来单击下一个）以及如何在没有表单且不刷新的情况下运行/发布数据到 php。

希望这足够清楚，如果不让我知道的话。任何有关如何做到这一点的帮助/想法表示赞赏。非常感谢

4

2 回答 2

1

要在不刷新页面的情况下动态加载数据，您可以使用Jquery $ajax()方法。链接在这里

http://api.jquery.com/jQuery.ajax/帮你详细了解

您还可以将参数传递给您要执行的 url/页面，无论您的 php 文件的结果是什么，您都可以将其设置为您想要的任何位置

例如：

$.ajax({
  type: "POST",
  url: "file.php",
  data: { catfilter : "category" }
}).done(function( msg ) {
  $("#container").html(msg)
});

文件.php

<?php
if(isset($_POST['catfilter']))
{
   //your code here
   echo "your code here";
}
?>

调用上面的 jquery ajax 方法会将 file.php 的输出设置为 id='container' 的 html 元素

于 2012-05-26T05:11:38.490 回答
0

无需刷新页面即可加载您可以使用的数据jQuery.Ajax


$.ajax(     
{   
    type: "POST"    
    url:page,
    data: {......}
    beforeSend: function(xhr) {
        $('#load').empty().html('Loading... ');
    },
    success: function(data) {
        $('#load').empty().html(data);
    },
    dataType: "html"    
});

结果将显示在div load并从url:page

于 2012-05-26T05:31:22.710 回答