從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