JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<textarea name="content"></textarea>
</form>
<div class="report"></div>
CSS
textarea {
padding: 10px;
width: 400px;
height: 200px;
}
JavaScript
$('form textarea').on('keyup', function () { // quando você pressionar uma tecla no textarea...
var $data = $(this).serialize(); // serializa a informação digita em uma variável
$('.report').html($data); // exibe a informação serializada/digitada na div .report
/**
* depois, envia através de uma requisição post
* as informações para '/path/to/action',
* sendo tal endereço uma action do seu backend
* escrito em C#.
*
* Lembrando que este backend tem a responsabilidade
* de fazer a operação de banco de dados
* que você deseja.
*
* Caso consigamos acessar a action, você cairá na função
* 'success', onde imprimiremos no console
* a resposta enviada pelo servidor.
*/
$.ajax({
type: 'POST',
url: '/path/to/action',
data: $data,
success: function (response) {
console.log(response);
}
});
});