2017-08-07 48 views
0

下面我有我想知道是否有可能阻止該網頁的代碼在提交刷新:防止從DOM形式令人耳目一新提交

var new_element   = document.createElement('input'); 
new_element.type  = 'hidden'; 
new_element.name  = 'save'; 
new_element.value  = ''; 

var form_element = document.getElementById('document_form');  

form_element.appendChild(new_element); 

form_element.submit(); 
+0

你需要使用' AJAX'以防止提交後刷新。 –

+0

我目前使用的是angularjs,有沒有任何方式與角? –

+0

使用'ng-submit'。如果您沒有提交實際的表單,通常沒有理由需要以角度形式添加隱藏輸入 – charlietfl

回答

0

的表單提交動作導航事件,如果你不不想重新加載頁面,您不得不使用提交操作。 然後您需要處理另一種類型的策略,例如使用ajax發送請求並獲取響應。

這是一個jQuery例如:

$.post("ajax/test.html", function(data) { 
    //data contains the response 
}); 

或使用AngularJS如您在評論中寫道:

$http({ 
    method: 'POST', 
    url: '/someUrl' 
}).then(function successCallback(response) { 
    // this callback will be called asynchronously 
    // when the response is available 
    }, function errorCallback(response) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    }); 

這裏大約agularjs $ HTTP詳細對象https://docs.angularjs.org/api/ng/service/$http