我一直在尝试制作一个页面,我可以在其中选择客户并从数据库中获取相应的客户详细信息。它应该看起来像这样:
<select id="select_customer">
<option value='1'>customer 1</option>
<option value='1'>customer 2</option>
</select>
public function getCustomerDetails($customerId) {
if(isset($customerId)) {
$customer = DB::getInstance()->query("select * from customers");
foreach($customer->results() as $customer) {
$str = "<li>{$customer->name}</li>";
$str .= "<li>{$customer->name_contactperson}</li>";
$str .= "<li>{$customer->email}</li>";
$str .= "<li>{$customer->address} {$customer->house_number}</li>";
$str .= "<li>{$customer->postalcode}</li>";
$str .= "<li>{$customer->city}</li>";
$str .= "<li>{$customer->country}</li>";
}
return $str;
}
return false;
}
我现在想做的是使用 ajax 从 select_customer 将其发布到 getCustomerDetails 方法中获取值,并在不重新加载页面的情况下获取相应的详细信息。我试图让它与 ajax 和 xAjax 一起工作,但我无法让它工作。
我试过这个:
<?php include 'xajaxAIO.inc.php';
$xajax = new xajax();
$xajax->register(XAJAX_FUNCTION, 'getCustomers');
$xajax->processRequest(); ?>
<input type="button" onclick="xajax_getCustomerDetails(1);" value="Click Me" />
我尝试的另一件事是:
<script>
document.getElementById('select_customer').addEventListener('change', function() {
var $userId = this.value;
$.ajax({
type: "POST",
url: "classes/invoice.php",
data: "getCustomerDetails("+$userId+")"
})
});
</script>
我在控制台中没有收到任何错误消息,但似乎请求的函数没有执行。
谁能告诉我它如何使它起作用?
提前致谢!