Javascript 将表单搜索提交数据传递到重定向结果页面

Javascript 将表单搜索提交数据传递到重定向结果页面,javascript,php,jquery,ajax,wordpress,Javascript,Php,Jquery,Ajax,Wordpress,我有一个使用AJAX WordPress表单过滤结果的搜索页面。让我们以results.php为例 我想做的是在另一个页面home.php上使用相同的表单,但在提交后将重定向到results.php搜索页面,并将其结果作为响应。将表单数据传递和重定向到AJAX结果页面的最佳方式是什么 AJAX表单 形式 如果在提交表单时重定向页面,则无需将值传递回home.php然后重定向 您仍然可以使用AJAX进行提交,但可以从PHP端进行重定向。保留AJAX,以防出现需要通知用户的错误 因此,在您提交的PH

我有一个使用AJAX WordPress表单过滤结果的搜索页面。让我们以results.php为例

我想做的是在另一个页面home.php上使用相同的表单,但在提交后将重定向到results.php搜索页面,并将其结果作为响应。将表单数据传递和重定向到AJAX结果页面的最佳方式是什么

AJAX表单

形式


如果在提交表单时重定向页面,则无需将值传递回home.php然后重定向

您仍然可以使用AJAX进行提交,但可以从PHP端进行重定向。保留AJAX,以防出现需要通知用户的错误


因此,在您提交的PHP文件中,不要回显任何内容,只需重定向即可。如果出现错误,则发送回任何适用于错误消息的信息。

Ajax的有用之处是在不重定向的情况下重新加载页面的一部分。如果你想重定向任何方式。。。我认为我们不应该使用ajax。只需将数据发布到result.php。-我可能没有正确理解您的问题。。。但我的感觉是,你想同时驾驶一辆汽车和一辆卡车。@Louyspatricebesette我知道这似乎是一个奇怪的请求,但本质上我希望能够享受AJAX结果的好处,同时也能够使用主页属性列表站点上的相同表单直接指向AJAX页面。即使有办法在主页上保存表单数据,提交并输入结果页面的回复部分。谢谢回复!那么,是否仍然可以使用action=/results.php输出表单results并将其返回到results.php页面的response div中?当然,您可能需要将要传递的数据保存为$\u会话变量,以便将其读入response div。根据您的需要,有不同的处理方法。举个例子:好的,很好。您不认为有一种方法可以使用常规操作在home.php上发送表单,然后将其输入到AJAX请求中吗?两者都使用相同的过滤形式。这样就不必使用两个独立的代码部分:您可以完全跳过ajax,如果不成功,只需重新加载带有错误消息的页面。不客气。如能投赞成票和/或获得解决,将不胜感激;
$('#filter').submit(function(e){
    e.preventDefault();
    var filter = $('#filter');

    $.ajax({
        url: filter.attr('action'),
        data:filter.serialize(),
        type: 'POST', // POST
        dataType: 'json',
        success: function(response) {   
        $('#response').html(response);
        }
    });
    return false;

});
<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php"     method="POST" id="filter">

   <input id="address" name="property_location" placeholder="Input Address" type="text"/>

   <button type="submit"  id="filter">Search</button>

   <input type="hidden" name="action" value="my_search"> //my_search taken from ajax function query.

</form>