Standart Form Gönderme - Ajax Formu Gönder - Tarayıcı Otomatik Kaydet/Kullanıcı Girişi öner

Question

Ajax ile birlikte kullanılan formları kullanmamızın birçoğu, muhtemelen kullanıcı tarafından sunulan girdinin daha sonraki oturumlarda tarayıcı tarafından kaydedilmediğini/önerilmediğini fark etti. Bu, sayfalarda 'oturum açma' söz konusu olduğunda bir düşüştür. Tarayıcı genellikle çok kullanışlı olan kullanıcı adı/parola kaydetmeyi önerir, ancak ajax formu gönderir .... iyi, bilirsin, bu sadece olmaz.

Bu soruyu burada iki kez gördüm ve hala cevap yok. Sorulduğu tarihten yaklaşık 9 ay geçti ve burada çok fazla akıllı insan olduğunu biliyorum. Yani .... Bu soruyu yeniden diriltmeye karar verdim.

Bunu çözmek için ne yapabiliriz? Tarayıcıyı bir şekilde kandırabilir miyiz?

Bu konuda tekrar tekrar çalışmaya hazırım, çünkü hepimizin kullanabileceği bir çalışma çözümüne sahip olmanın güzel olacağını biliyorum.

Nihai Çözüm slashingweapon cevabını kapalı tabanlı

HTML (Teşekkürler Man!) - sadece ajax, hiçbir şekilde 'eylemi' veya 'yöntemiyle' ile birlikte göndermek için özel bir düğme kullanma

<form id="signin"> 

    <label for="username">Username</label> 
    <input type="text" id="username" name="username" /> 

    <label for="password">Password</label> 
    <input type="password" id="password" name="password" /> 

    //Custom Styled Submit Button 
    <img id="submit" class="form_button" src="btn_txt_sign_in.png" alt="Sign In" tabindex="3" /> 

    //Hidden Standard Form Submit Button 
    <input id='trigger' type='submit' style='display:none;' /> 

</form> 

JQuery

// Bind a click to the Custom Submit Button 
$('#submit').click(function() { 
    //Trigger a Click on the Hidden Standard Form Submit 
    $('#trigger').click(); 
}); 

// Detect when the form attempts to be submitted 
$('#signin').submit(function(e){ 
    // Prevent Standard Form Submission 
    e.preventDefault(); 
    // Perform Function containing Ajax Submission instead 
    submit_signin(); 
}); 

// Ajax Submission 
function submit_signin() { 
    //My Ajax Call.... 
} 

Answer 1

Gönderme düğmesinin herhangi bir düğmesi tıklandığında, ilişikteki form gönderilir. Gönderilen etkinliği, düğmenin tıklama etkinliği yerine işlemeyi seçebilirsiniz. de

$('#demoForm').submit(function(evt) { 
    evt.preventDefault(); 
    var data = $(this).serialize(); 
    alert(data); 
});​ 

sizin için bir Fiddle var: İşte bir örnek.

Daha sonraki olayı yakalayarak, en azından bazı tarayıcıların form verilerini gelecekteki otomatik dolgular için sakladığından emin olursunuz.