Php modal中的Wordpress搜索结果

我是一个完全的php/js新手，我被一些我无法理解的东西卡住了

我在www.test.com/page上有一个搜索表单，该表单调用www.test.com/results，如下所示：

<form method="post" action="https://www.test.com/results">
    <input type="text" placeholder="Enter URL:" required="">
    <button>Search</button>
</form>

搜索

表单获取用户键入的URL，将其传递到

/results

，行

（$URL=$\u POST['URL']；）

用于分析和显示结果

但是，我希望搜索结果以（引导）模式打开，而不是新页面。我知道这可以通过AJAX实现，但我是一个完全的新手，我正在寻找最简单的解决方案，使它能够工作

---

同样，如果这是一个太“新手”类型的问题，我仍在学习。

是的，您可以使用jQuery和AJAX来控制表单提交。因此，与下面的代码示例类似的东西应该可以做到这一点：

$（'#myForm'）。关于（'submit'，函数（事件）{
$.post（$）https://www.test.com/results“，{URL:some_URL.com}，函数（数据）{
//以您希望的方式使用数据将结果呈现到您的模型上
//从这里的服务器检索
$（“#我的模态对象”）.html（数据）；
}).错误（函数（）{
//在调用“/results”失败时处理事件
警报（“Yikes！调用/结果失败！”）；
});
//防止提交表单的默认浏览器行为
//然后路由到另一个页面（如果指定）
event.preventDefault（）；
});

简短解释：

我们向表单对象附加了一个

“submit”

事件侦听器，并向服务器端点

/results

执行了一个POST AJAX请求。服务器将处理后的搜索结果传递回回调函数

$.post

，并将其呈现到模态对象上。您还可以将

$.post

的第二个参数，即

{URL:“some_URL.com”}

更改为要传递给服务器的任何数据对象

---

这将帮助您开始将搜索结果呈现到模式元素上，而不是导航到新页面。

首先，如果未设置

type

属性，我看不出您是如何发送URL的。第二，我不认为有一个简单肮脏的解决办法来做一些事情，是唯一的方式。所以我建议你继续学习，然后在你获得更多的经验之后再尝试一遍。如果这个或任何答案已经解决了你的问题，请考虑通过点击复选标记来接受它。这向更广泛的社区表明，您已经找到了一个可能的解决方案，并可供进一步参考：）