从jQuery运行PHP脚本

Question

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

我将使用一个<a>链接，如果您转到我的网站http://www.jonathansconstruction.com/gallery.php，并且您看到第二个图库菜单，其中显示“查看全部”，则该菜单将过滤要查看和查看的类别。希望像现在显示的那样在div中显示它，我以前使用的每个类别一个div

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

在php端使用$_GET[]; ，因此我想知道一种不同的方法来传递值以设置类别过滤器，并且还可以使用jquery菜单“ current”。 顺便说一句，菜单也将根据数据库中类别的数量动态生成。

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

希望这足够清楚，如果不能让我知道。 任何帮助/想法如何做到的，不胜感激。 非常感谢

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

file.php

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

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

Answer 2

无需刷新页面即可加载数据，您可以使用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