Formu temizle kez gönderilen formu

Question

Olası Çoğalt: formu gönderdikten
Resetting a multi-stage form with jQuery

, başka bir sayfadan cevap #GameStorySys için basılır. Ancak forma girilen değerler hala burada kalıyor. Form gönderildikten sonra form değerlerinin ortadan kaldırılması mümkün mü (ancak form hala kalmalıdır)?

$("[name='GameStoryForm']").click(function() { 
     $.ajax({ 
      type: "POST", 
       data: $("#GameStoryForm").serialize(), 
       url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
       success: function(output) { 
       $('#GameStorySys').html(output); 
      }, 
       error: function(output) { 
       $('#GameStorySys').html(output); 
       } 
     }); 
}); 

Answer 1

Örneğin, el ile temizleyebilirsiniz:

$("[name='GameStoryForm']").click(function() { 
    $.ajax({ 
    type: "POST", 
    data: $("#GameStoryForm").serialize(), 
    url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
    success: function(output) { 
     $('#GameStorySys').html(output); 
     $("#GameStoryForm").get(0).reset(); 
     //or manually: 
     // $("#GameStoryForm :input").not(':button, :submit, :reset, :hidden') 
     //       .val('').removeAttr('checked selected'); 
    }, 
    error: function(output) { 
     $('#GameStorySys').html(output); 
    } 
    }); 
}); 

Answer 2

Ben javascript ile bunu yapacağını:

<script> 
document.getElementById(yourFormId).onsubmit = new Function(){this.reset();} 
</script> 

Answer 3

AJAX sorgusu için tepki fonksiyonunda sıfırlama işlemi, bu istek iade edilmeden önce yapılmayacaktır. Formu onsubmit() olay işleyicisinde (burada önerildiği gibi) sıfırlarsanız, o zaman ya hiç yeniden yüklenmeyecektir (AJAX isteğini click() işleyicisine göndermediğiniz için() işleyici() işleyicisi). yani $ .ajax() çağrıldıktan sonra - -

Ne yapmak gerek AJAX isteği veren sonra sıfırlama işlemi ancak onun geri arama işlevi denilen değilken istek döner: ile

$("[name='GameStoryForm']").click(function() { 
    $.ajax({ 
    type: "POST", 
    data: $("#GameStoryForm").serialize(), 
    url: "content/commentary/index.cs.asp?Process=EditLiveCommentaryStory&CommentaryID=<%=Request.QueryString("CommentaryID")%>", 
    success: function(output) { 
     $('#GameStorySys').html(output); 
    }, 
    error: function(output) { 
     $('#GameStorySys').html(output); 
    } 
    }); 

    $("#GameStoryForm").get(0).reset(); 
});