symfony 3 重新加载 ajax 表单

Question

您好，我没有找到正确的语法来执行此操作..

我在主页的 2 个不同选项卡中有两个表单。

form2是form 1的一个字段的创建字段

我使用 AJAX 提交 form1

$('#form-indirizzo').submit(function (e) {
        e.preventDefault();
        var form =$(this);
        $.ajax({
            type:form.attr('method'),
            url:form.attr('action'),
            data:form.serialize(),
            success: function (data) {
              ->  $("#form-stufa").load(location.href+" #form-stufa>*","");
            },
            error: function(){

              }

        });
    });

它保存了数据，但我也想转到form1 选项卡（form1 有 id=form-stufa）并重新加载它...我试试这个

$("#form-stufa").load(location.href+" #form-stufa>*","");

重新加载但不工作..

可以帮忙

我的树枝文件：

-page-wall -->
                            <div id="profile-page-wall" class="stufe col s12 m12">
                                <!-- profile-page-wall-share -->
                                <div id="profile-page-wall-share" class="row">
                                    <div class="col s12">
                                        <ul class="tabs tab-profile z-depth-1 light-blue">
                                            <li class="tab col s3"><a class="white-text waves-effect waves-light active" href="#UpdateStatus"><i class="mdi-editor-border-color"></i> REGISTRA STUFA</a>
                                            </li>
                                            <li class="tab col s3"><a class="white-text waves-effect waves-light" href="#AddPhotos"><i class="mdi-image-camera-alt"></i> Lista Stufe registrate</a>
                                            </li>
                                            <li class="tab col s3"><a class="white-text waves-effect waves-light" href="#CreateAlbum"><i class="mdi-image-photo-album"></i> Aggiungi Indirizzo</a>
                                            </li>                      
                                        </ul>
                                        <!-- UpdateStatus-->
                                        <div id="UpdateStatus" class="tab-content col s12  grey lighten-4">
                                            {{form_start(form,{'attr':{'id':'form-stufa'}})}}
                                            {{form_widget(form)}}
                                              <input id="salva_stufa" class=" btn" type="submit" value="Salva" />
                                                </div>
                                            </div>
                                            {{form_end(form)}}
                                        </div>


                                    </div>


                                    <!-- AddPhotos -->
                                    <div id="AddPhotos" class="tab-content col s12  grey lighten-4">


                                    </div>
                                    <!-- CreateAlbum -->
                                    <div id="CreateAlbum" class="tab-content col s12  grey lighten-4">
                                        {{form_start(form_indirizzo,{'attr':{'id':'form-indirizzo'}})}}

                                         {{form_widget(form_indirizzo)}}
                                        <div class="row">
                                            <div class="col s12 m12 right-align">
                                                <!-- Dropdown Trigger -->
                                                <input id="salva_indirizzo" class=" btn" type="submit" value="Salva" />

                                            </div>
                                        </div>
                                        {{form_end(form_indirizzo)}}
                                    </div>
                                </div>
                            </div>

我的路线：

Answer 1

试试这个。 $("#form-stufa")如果你想点击成功标签然后调用clickJQ事件。

  $('#form-indirizzo').submit(function (e) {
        e.preventDefault();
        var form =$(this);
        $.ajax({
            type:form.attr('method'),
            url:form.attr('action'),
            data:form.serialize(),
            success: function (data) {
              // For redirection
              setTimeout(function(){window.location.href="youURL#form-stuf‌​a"},500);
              // This is for click the tab after success callback.
              //setTimeout(function(){$("#form-stufa").click()},500);
            },
            error: function(){

              }

        });
    });