HTML5'i kullanarak, bir form gönderiminde contenttabletable alanları nasıl kullanabilirim?

Question

Db'den dinamik olarak doldurulmuş bir dizi paragraf elemanım var. Elemanları tartışmalı hale getirdim. Şimdi db düzenlemelerini standart bir form gönderimi yoluyla göndermek istiyorum. Kapsamlı öğeleri geri göndermenin bir yolu var mı?

Answer 1

Bunu bir textarea ya da benzeri yaptığınız gibi bir "standart" form öğesi olarak çalışmayacaktır, javascript öyle ya da kullanmak zorunda. İsterseniz, formunuzda gizli bir textarea yapabilir ve formun onsubmit işlevinde, contenteditable'ın innerHTML'sini textarea değerine kopyalayabilirsiniz. Alternatif olarak, bir şeyler daha el ile göndermek için ajax/xmlHttpRqeuest kullanabilirsiniz.

function copyContent() { 
    document.getElementById("hiddenTextarea").value = 
     document.getElementById("myContentEditable").innerHTML; 
    return true; 
} 


<form action='whatever' onsubmit='return copyContent()'>... 

Answer 2

Eğer Jquery kullanırsanız, kullanarak bir sunucu tarafı komut dosyasına Tıklama işlevi sonrası İçinde (... yani "kaydet" veya "Gönder") bir .click() olayla

içerik göndermek olabilir veritabanınıza eklemek için bir ajax "post".

Example

Answer 3

Standart form gönderimine ihtiyaç var mı? Girdilerle bir form kullanmak istemezseniz veya istemiyorsanız, eşzamansız istekleri gerçekleştirebileceğiniz ve yanıtın nasıl ortaya çıktığını daha iyi kontrol edebileceğiniz AJAX (XMLHttpRequest + FormData) deneyebilirsiniz.

Daha da basitleştirmek isterseniz, jQuery'nin $.ajax işlevini (ayrıca $.get ve $.post) deneyin. Basit JS nesneleri kullanarak veri gönderir.