使用jquery / php / ajax從mysql檢索結果

Question

我正在為此項目使用codeigniter。 我有一個搜索表單和搜索表單結果。

現在，當我單擊搜索表單中的“搜索”時，我將被重定向到搜索表單結果，並得到結果。

是否可以在搜索表單中創建div或表，該表單或表首先被隱藏，然后調用搜索過程，返回的結果將它們返回頁面而無需重新加載？

使用jquery / ajax / php嗎？ 謝謝

Answer 1

我假設您的搜索結果視圖僅包含搜索結果的HTML塊（例如TABLE等），而不是包含BODY的完整HTML頁面）？ 如果不更新視圖，則僅包含結果代碼。 然后，您可以使用$ .post方法提交表單以獲取視圖，然后將其注入DIV（或您選擇的元素）中：

$(document).ready(function() {
    $('#myformid').submit(function() {
        var seralizedForm = $(this).serialize();
        var url = $(this).attr('action');
        $.post(url, serializedForm, function(results) {
            $('#resultsDiv').html(results);
        }, "html");
        return false;
    });
});

這應該以最小的修改插入到您的代碼中。 將“ myformid”更改為您在表單標簽上設置的ID，然后將“ resultsDiv”更改為希望結果放入的空DIV的ID。

要做的是在提交表單（通過按Enter或單擊提交按鈕）時綁定此函數以進行調用。 它將序列化表單（以便您可以將輸入的值發送到控制器），並通過表單具有的常規“ action”屬性獲取要提交的URL。

然后，它將通過帖子將表單提交到該URL，結果將被加載到具有resultsDiv ID的DIV中。

Answer 2

是的，實際上是可能的。

對於CodeIgniter，我將為您要顯示的內容編寫一個控制器函數和視圖。 然后，對頁面進行AJAX調用，這將是您要在頁面上顯示的內容，然后將其加載到當前頁面上。

如果您使用的是jQuery，則可以查看其各種AJAX函數來進行ajax調用並檢索數據