Javascript 使用ajax根据输入显示表单

我用wordpress设计了一个网站，在我的网站上，我想展示一个按邮政编码组织的预订系统（所以我在不同的日子都呆在同一个地区）

我已经编写了一些php代码，允许我输入一个邮政编码，然后删除所有空格并删除最后3个字符。剩下的是对照邮政编码列表检查的，根据邮政编码的不同，它会显示不同的形式

代码如下：

<?php
$postcode = $_POST['postcode'];
$postcode = preg_replace('/\s+/', '', $postcode);
$postcode = substr($postcode, 0, -3);

    if(in_array($postcode, array("NR1", "NR2", "NR3", "NR4", "NR5", "NR6", "NR7", "NR8", "NR9", "NR19", "NR20"))){
?>
[bookly-form staff_member_id="2" hide="staff_members,date,week_days,time_range"]
<?php
    } elseif(in_array($postcode, array("NR10", "NR11", "NR12", "NR26", "NR27", "NR28"))) {
?>
[bookly-form staff_member_id="3" hide="staff_members,date,week_days,time_range"]
<?php
    } elseif(in_array($postcode, array("NR13", "NR14", "NR15", "NR29", "NR30", "NR31", "NR32", "NR33", "NR34", "NR35", "IP18", "IP19", "IP20", "IP21", "IP22"))) {
?>
[bookly-form staff_member_id="4" hide="staff_members,date,week_days,time_range"]
<?php
    } else {
?>
Thank you for enquiring about our microchipping services. Unfortunatly we don't cover your postcode at the moment.
If you'd like to know when we do cover your area simply fill out the form below or feel free to call our offices to register your details

[ccf_form id="57"]
<?php
    }
?>

[bookly form staff\u member\u id=“2”hide=“staff\u members，date，week\u days，time\u range”]
[bookly form staff\u member\u id=“3”hide=“staff\u members，date，week\u days，time\u range”]
[bookly form staff\u member\u id=“4”hide=“staff\u members，date，week\u days，time\u range”]
感谢您询问我们的微芯片服务。不幸的是，我们现在没有覆盖你的邮政编码。
如果您想知道我们何时覆盖您的区域，只需填写下表或随时致电我们的办公室登记您的详细信息
[ccf_form id=“57”]

---

考虑到这是在wordpress中，我可以使用php插件调用代码等，并手动用html编写表单-但是我如何通过ajax运行它，以便我不需要提交页面等。。。我不想刷新页面-我只想交换内容。

html文件中邮政编码的初始格式：

<form id="form" action="" method="post">
    <input type="text" id="postcode" name="postcode" value="" />
    <button type="submit">Submit</button>
</form>;
<div id="return-wrap"></div>

然后访问php中的数据，就像访问任何其他post数据一样

if($_POST){

    $template = $_POST['postcode'];

    /** Do whatever with this data */ 
    $form = '';
    echo json_encode(array('status' => 'ok', 'result' => $form));

} else {
    echo json_encode(array('status' => 'error'));
}

---

您可以使用jquery.ajax。尝试一下，如果你有一些问题，你将无法解决后的问题。只是一个提示，而不是一堆“或”在你的条件，只要使用

if（in_数组（$postcode，array（“NR1”，“NR2”，“NR3”））{…

@Pamblam-谢谢你，这使代码更聪明：）任何想法如何将其输入ajax查询？嘿@user2831723，我写下了这个问题，但出于某种原因，有一大堆关于wordpress的信息丢失了——这仍然有效吗？

if($_POST){

    $template = $_POST['postcode'];

    /** Do whatever with this data */ 
    $form = '';
    echo json_encode(array('status' => 'ok', 'result' => $form));

} else {
    echo json_encode(array('status' => 'error'));
}