如何在octobercms中使用Ajax或javascript动态更改表单的方向

时间:2018-11-16 15:18:58

标签: javascript ajax octobercms octobercms-plugins

我有一个表格,提交后我希望它能重定向我 在另一页中,

知道重定向路径必须是动态的,

这意味着我使用的JavaScript函数接受用户的选择并返回一个字符串

ajax处理程序 data-request-redirect 仅接受字符串,而不执行javascript代码:


title = "test"
url = "/test"
layout = "default"
is_hidden = 0
==
<?php
function onStart()
{
    $this['example'] = Session::get('example-key');
}

function onTest()
{
    Session::put('example-key', input('my-input'));
}

?>
==

<form   method="POST"  data-request="onTest" data-request-redirect="......" name="formu" accept-charset="UTF8"  enctype="multipart/form-data">


    <input type="text" name="my-input">
    <button type="submit">Submit</button>
</form>

{% if example %}
    <strong>Example: {{ example }}</strong>
{% endif %}


<script type = "text/javascript">

           $(function() {

               var $buttonBien = $('.bien');

                $buttonBien.on('click',function (event) {
                    event.preventDefault();

                });


           });


function type_bien(x){

    switch( x) {
    case 0:
       return "formulaire_villa";

        break;
    case 1:

                    return "formulaire_villa";
        break;
    case 2:
                   return "formulaie_riad";
        break;

    case 3:


        document.getElementById(3).checked="true";
       /* document.forms["formu"].action="formulaire_appartement";*/

            return "formulaire_appartement";
        break;

    default:
         alert('local_commerce est selected');
}

}


</script>

那么 data-request-redirect

中的操作

我真的被封锁

请帮助

1 个答案:

答案 0 :(得分:3)

使用Redirect门面可能很简单。

  

使用October Ajax framework时,可以从服务器发送重定向。

因此在您的功能/代码部分。

use Redirect;

function onTest()
{
    $defaultUrl = '/home';

    // you get data from post
    // from hidden or select etc ...
    $someChoise = post('some-choise');

    if($someChoise == 'my-profile') {
        $defaultUrl = '/user/profile';
    }

    Session::put('example-key', input('my-input'));
    return Redirect::to($defaultUrl);
}
  

more info on Redirect facade https://octobercms.com/docs/services/response-view#redirects

现在,如果未指定任何内容,它将自动将网页重定向到/home

如果您将some-choise指定为my-profile,则会将页面重定向到/user/profile

  

因此,您甚至可以通过url in post data并使用它,您不需要做任何花哨的事情[因此您可以省略data-request-redirect]

data-request-redirect是字符串,因此它的静态数据可能是您可以更新的,但是以上方法对于动态重定向url更好。 [redirect specified as string => https://octobercms.com/docs/ajax/javascript-api#javascript-api]

如有疑问,请发表评论。