Gönderilen verinin üzerine div oluşturulması ile Basit jQuery Ajax formu

0 Cevap php

Düzenleme: Originally çalışma değildi, basit bir formu Ajax komut dosyası, bir yere ekstra bir ayraç oldu çıkıyor vardı.

Ben şu sorumu değişti:

1..) Ne bilmek istiyorum nasıl bir değer gönderilecek her zaman görünmesi için ekstra bir div oluşturmak olabilir? Tabii ki, kabın içindeki bütün içeriğini değiştirerek ve aynı zamanda daha önce aynı mekanizma tarafından oluşturulan önceki divs korumadan.

2.) Ben sunucuda girişini temizlemek için gidiyorum. Ne sunucu tarafında yankı yapardı? Sadece dezenfekte veri veya ayıklanmış veri bir div aka <div>$sanitizeddata</div> içeride?

Ne demek istediğimi görsel html görmek için ilerleyin.

Not: Ben bu yüzden sadece onunla yanlış ne bulmaktan sonra buna göre sorumu düzenlenebilir aynı kodla başka bir soru başlamak istemedim. (Benim önceki repliers özür dilemek, ama kimse hatayı yakalamış gibiydi: P)

<script type="text/javascript">

$(document).ready(function()
{
    $("#testform").submit(function(e)
        {
            $.post("1.php", $(this).serialize(),function(data)
            {
             $('.result').html(data);});
              e.preventDefault();
                });
}); 
</script>

<div id="container" class="result">

<div><p>Some content 1</p></div>

<div><p>Some content 2</p></div>

<div><p>Some content 3</p></div>

//A new DIV is created with callback data (sanitized input) every time something is submitted
by the form.
<div></div>

//A new DIV is created with callback data (sanitized input) every time something is
submitted by the form while preserving previous DIVs already created by Javascript.
<div></div>

<div>
<form id="testform" action="1.php" method="post"> 
Number: <input type="text" name="num" /> 
<input type="submit" value="Submit Comment" /> 
</form>
</div>

</div>

0 Cevap