使用ajax根據搜索顯示結果？

所以目前，我有一個php頁面，它顯示了從我的sql數據庫中得到的結果列表。它顯示ID和名稱。使用ajax根據搜索顯示結果？

我在頂部搜索，只是在「名稱」字段中搜索關鍵字，然後如果搜索被點擊，它會帶您到一個新的頁面，顯示您搜索的結果。

我想要做的是使它異步，所以當我搜索讓我們說「倫敦」它只顯示關鍵字倫敦在其中，但在同一頁上的結果。

我的搜索按鈕代碼：

<input type="button" class="search" value= "Search">

Ajax代碼我所用，使之異步嘗試：

$(document).ready(function() { 
$(".search").each(function() { 
var btn = $(this); 
btn.on("click", function(){ 
$.post("searchresults.php", 
function(data){ 
.append(data);} 
}}})

我是新來的這所以道歉，如果這是一個愚蠢的錯誤。我的searchresults.php只有SELECT * FROM Property WHERE等等，然後迴應結果。

謝謝。

來源

2014-01-08 user3173250

您需要在您的網頁上放置一些可容納搜索結果的元素，例如

<div id="result"></div>

，然後在您的通話.post()，你就會有一個結果處理，做

function (results) { 
    $('#result').text(results); 
}

究竟實際操作中插入/顯示數據是由你 - 你的PHP腳本可以送過來一個完整的html snipper，或者一個漂亮的JSON編碼數據結構，並且你的JS會建立結果，等等......這只是一個簡單的腦死亡「這裏有一些結果數據並按原樣顯示」。

來源

2014-01-08 15:06:57

//功能當按鈕被點擊

function getData(){ 

    //declare any vars you want here 
    var variable1='variable1Content'; 
    var variable2='variable2Content'; 

    //Post some data to your php script without reloading the page 
    $.post('getData.php',{var1:variable1,var2:variable2},function(data){ 

     $("#targetDiv").empty().append(data); 
    }); 
}

數據調用的PHP腳本的響應（可能是在這種情況下，HTML代碼）

VAR1 & VAR2，你會發現在名PHP腳本中的$ _Post vars

「targetDiv」是目標div的ID，您將放置您的內容。

查詢在您的php腳本中完成。

來源

2014-01-08 15:07:38 labzus

使用ajax根據搜索顯示結果？

回答

相關問題