2017-08-04 98 views
0

嗨我沒有找到正確的語法來做到這一點..symfony 3重新加載ajax表格

我有兩種形式在主頁中的2個不同的選項卡。

form2是一個領域的創建領域form 1

我提交form1與AJAX

$('#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 =形式,stufa ),並重新加載它......我試試這個

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

於r電子負載但不工作..

可以幫助

我的樹枝文件:

-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> 

我的路線:

enter image description here

+0

'setTimeout(function(){window.location.href =「youURL#form-stufa」},500);'做這樣的事情。 –

回答

1

試試這個。 $("#form-stufa")如果您想單擊成功選項卡,然後致電JQ的click事件。

$('#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(){ 

       } 

     }); 
    }); 
+0

謝謝,但不工作 –

+0

更新您的問題,同時發佈一個答案,告訴開發者你已經嘗試過。 –

+0

什麼是您的本地主機URL來訪問您的網頁?這非常簡單,只需傳遞您的網址即可。 –