Javascript 使用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>";

global$wpdb；
$customers=$wpdb->get_结果（“选择姓名，来自客户的电话；”）；
foreach（客户为$c）{
回显“$c->name.”；
}
回声“；
回声“；
foreach（客户为$c）{
回显“$c->name.”；
}
回声“；

以下是解决问题的伪过程

第一步

由于您使用wordpress为应用程序供电，因此无法使用标准的ajax方式连接到PHP URL来轮询数据！为了访问wordpress中给定的Ajax层，您应该向函数PHP中添加以下代码

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\u ajax

。必须添加此项才能正常工作

第二步

当您从服务器获得ajax响应时，只需从javascript执行您的工作，以提供必要的数据

$.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);
    }
}); 

$.ajax({
网址：，
数据：{
'action'：'example_ajax_request'，
},
成功：功能（数据）{
//这将输出ajax请求的结果
控制台日志（数据）；
},
错误：函数（错误抛出）{
console.log（错误抛出）；
}
}); 

---

复杂的部分是连接到Wordpress Ajax层。Ajax URL是指向wordpress

admin Ajax.php

URL的URL。您需要将操作映射到您在函数PHP中编写的函数名。

目前，您将

元素的

值

属性都设置为“name”。您需要将它们设置为客户行的主键值。