使用PHP和AJAX從下拉列表中填充表格

這是目標。我創建了兩個從數據庫動態填充的下拉列表。查詢會提取姓名和電話號碼（並且將來會提取更多數據）。

我試圖運行一個動態比較，用戶可以從每個下拉列表中選擇一個項目，並在下面的表格中比較關於它們兩個選項的附加數據。

我想使用AJAX，因此用戶不需要繼續重新加載頁面。我使用wordpress，似乎（至少對我來說）使事情複雜化。這是我的兩個下拉列表的代碼。不確定如何繼續提取附加數據。我一直在摸索教程，但甚至沒有接近。

global $wpdb; 
$customers = $wpdb->get_results("SELECT name, phone FROM customers;"); 

foreach($customers as $c){ 
echo "<option value='name'>".$c->name."</option>"; 
} 
echo "</select>"; 
echo "<select>"; 
foreach($customers as $c){ 
echo "<option value='name'>".$c->name."</option>"; 
} 
echo "</select>";

來源

2015-11-18 Scott Bottomley

目前，您已將'

這是您的問題的僞程序。

第一步

由於您使用的WordPress，以支持您的應用程序，你不能使用，您連接到一個PHP URL中使用AJAX的標準的方式來查詢數據！如果要在函數名之前訪問給定的Ajax層在WordPress

function example_ajax_request(){ 
//something you want to do inside this function and return json data 
die(); //closes the ajax request 
} 
add_action('wp_ajax_example_ajax_request', 'example_ajax_request');

注意wp_ajax下面的代碼添加到您的函數PHP。這必須添加才能工作。

第二步

當你從服務器Ajax響應，只是做你的東西從JavaScript把UPD必要的數據。

$.ajax({ 
    url: <? php admin_url('admin-ajax.php') ?>, 
    data: { 
     'action':'example_ajax_request', 
    }, 
    success:function(data) { 
     // This outputs the result of the ajax request 
     console.log(data); 
    }, 
    error: function(errorThrown){ 
     console.log(errorThrown); 
    } 
});

複雜的部分是連接到WordPress的Ajax圖層。 Ajax網址是您的WordPress網址的URL。您需要將動作映射到您在函數PHP中編寫的函數名稱。

來源

2015-11-18 04:36:30

使用PHP和AJAX從下拉列表中填充表格

回答

相關問題